fix: server description in new line under server URI

Author: carowright

src/ApiSummary.js

@@ -398,8 +398,10 @@ export class ApiSummary extends AmfHelperMixin(LitElement) {
     const { baseUri, protocols } = this;
     const uri = this._computeBaseUri(server, baseUri, protocols);
     const description = this._computeDescription(server);
-    const serverItem = `${uri  }${description ? ` - ${description}` : ''}`
-    return html`<li>${serverItem}</li>`;
+    return html`<li>
+      ${uri}
+      <div class="server-description">${description}</div>
+    </li>`;
   }
 
   /**

src/Styles.js

@@ -165,4 +165,10 @@ a:hover {
   font-weight: 700;
   margin: 0.8em 0 0.2em 0;
 }
+
+.server-description {
+  display: block;
+  font-size: var(--api-summary-server-description-font-size, 12px);
+  font-weight: var(--api-summary-server-description-font-weight, 600);
+}
 `;