added css-wrap for many response status code

Author: mrin9

src/components/api-request.js

@@ -197,11 +197,11 @@ export default class ApiRequest extends LitElement {
 
   /* eslint-disable indent */
   inputParametersTemplate(paramType) {
-    let title = '';
     const filteredParams = this.parameters ? this.parameters.filter((param) => param.in === paramType) : [];
     if (filteredParams.length === 0) {
       return '';
     }
+    let title = '';
     if (paramType === 'path') {
       title = 'PATH PARAMETERS';
     } else if (paramType === 'query') {

src/components/api-response.js

@@ -135,7 +135,7 @@ export default class ApiResponse extends LitElement {
     }
     return html`
       ${Object.keys(this.responses).length > 1
-        ? html`<div class='row'>
+        ? html`<div class='row' style='flex-wrap:wrap'>
           ${Object.keys(this.responses).map((respStatus) => html`
             ${respStatus === '$$ref' // Swagger-Client parser creates '$$ref' object if JSON references are used to create responses - this should be ignored
               ? ''

src/rapidoc.js

@@ -580,10 +580,10 @@ export default class RapiDoc extends LitElement {
       this.requestUpdate();
       if (this.renderStyle === 'read' || this.renderStyle === 'focused') {
         // Remove the previous active state from navbar
-          const oldNavEl = this.shadowRoot.querySelector('.nav-bar-tag.active, .nav-bar-path.active, .nav-bar-info.active, .nav-bar-h1.active, .nav-bar-h2.active');
-          if (oldNavEl) {
-            oldNavEl.classList.remove('active');
-          }
+        const oldNavEl = this.shadowRoot.querySelector('.nav-bar-tag.active, .nav-bar-path.active, .nav-bar-info.active, .nav-bar-h1.active, .nav-bar-h2.active');
+        if (oldNavEl) {
+          oldNavEl.classList.remove('active');
+        }
       }
       const spec = await ProcessSpec(
         specUrl,