diff --git a/package-lock.json b/package-lock.json index a3ff280..110a07a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@api-components/api-method-documentation", - "version": "5.2.20", + "version": "5.2.21", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@api-components/api-method-documentation", - "version": "5.2.20", + "version": "5.2.21", "license": "Apache-2.0", "dependencies": { "@advanced-rest-client/arc-icons": "^3.3.4", diff --git a/package.json b/package.json index d4c4931..ae78def 100644 --- a/package.json +++ b/package.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", diff --git a/src/Styles.js b/src/Styles.js index 3a0e594..7aab872 100644 --- a/src/Styles.js +++ b/src/Styles.js @@ -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{