Merge pull request #86 from advanced-rest-client/fix/W-15595102/word-break

Fix/w 15595102/word break

Author: leandrogilcarrano

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "@api-components/api-method-documentation",
   "description": "A HTTP method documentation build from AMF model",
-  "version": "5.2.20",
+  "version": "5.2.21",
   "license": "Apache-2.0",
   "main": "index.js",
   "module": "index.js",

package.json

@@ -292,12 +292,16 @@ api-security-documentation:last-of-type {
   font-style: normal;
   font-weight: 400;
   line-height: normal;
-  font-family: var(--api-method-documentation-async-server-names-title-font,Helvetica)
+  font-family: var(--api-method-documentation-async-server-names-title-font,Helvetica);
+  margin-right: 10px;
 }
 
 .async-servers .async-server-names-container{
   margin-top: 16px;
   margin-bottom: 10px;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
 }
 
 .async-servers .async-server-name{
@@ -313,6 +317,17 @@ api-security-documentation:last-of-type {
   border: 1px solid var(--api-method-documentation-async-server-names-border-color,#506773);;
   padding: 1px 8px 1px 8px;
   margin-right: 10px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  word-break: auto-phrase;
+  max-width: fit-content;
+}
+
+@media (max-width: 385px) {
+  .async-servers .async-server-name {
+    margin-bottom: 10px;
+  }
 }
 
 .async-method-security{