diff --git a/apps/red-ui/src/app/components/base-screen/base-screen.component.html b/apps/red-ui/src/app/components/base-screen/base-screen.component.html index d9d38eca1..027844e04 100644 --- a/apps/red-ui/src/app/components/base-screen/base-screen.component.html +++ b/apps/red-ui/src/app/components/base-screen/base-screen.component.html @@ -83,7 +83,7 @@ -
+
diff --git a/apps/red-ui/src/app/components/base-screen/base-screen.component.scss b/apps/red-ui/src/app/components/base-screen/base-screen.component.scss index 4627cb9c4..3e5ea00f3 100644 --- a/apps/red-ui/src/app/components/base-screen/base-screen.component.scss +++ b/apps/red-ui/src/app/components/base-screen/base-screen.component.scss @@ -1,16 +1,23 @@ @import '../../../assets/styles/red-variables'; @import '../../../assets/styles/red-mixins'; -.dev-mode { - margin: 0 10px; - padding: 2px 5px; - background-color: $primary; - color: $white; - font-size: 14px; - font-weight: 600; - line-height: 16px; - height: 16px; - text-align: center; +.logo-wrapper { + position: relative; + margin: 0 20px; + + .dev-mode { + margin: 0 10px; + padding: 2px 5px; + background-color: $primary; + color: $white; + font-size: 10px; + font-weight: 600; + line-height: 13px; + text-align: center; + position: absolute; + left: 100%; + white-space: nowrap; + } } .menu-placeholder { diff --git a/apps/red-ui/src/assets/styles/red-page-layout.scss b/apps/red-ui/src/assets/styles/red-page-layout.scss index 79efa5208..aee7c369e 100644 --- a/apps/red-ui/src/assets/styles/red-page-layout.scss +++ b/apps/red-ui/src/assets/styles/red-page-layout.scss @@ -311,6 +311,7 @@ section.settings { font-weight: 800; letter-spacing: 0; line-height: 20px; + white-space: nowrap; } .menu {