Settings:TabBar: Fix text wrap style (#14348)

* TabBar: fix text wrap style * TabBar: adjust icon alignment
3 years ago · 582f6168f9
parent af963d7f7b
commit 582f6168f9
1 changed files with 7 additions and 2 deletions
--- a/ui/components/app/tab-bar/index.scss
+++ b/ui/components/app/tab-bar/index.scss
@ -38,7 +38,6 @@
    &__content {
      padding: 12px 18px;
      display: flex;
-      flex-flow: row wrap;
      align-items: center;
      position: relative;

@ -64,8 +63,14 @@
      }

      &__icon {
-        margin-inline-end: 16px;
        display: flex;
+        justify-content: center;
+        margin-inline-end: 16px;
+        flex: 0 0 18px;
+
+        @media screen and (min-width: $break-large) {
+          flex: 0 0 14px;
+        }
      }
    }