Fix alignment for long filter names (#3635)

(cherry picked from commit 24a7abb)
bitwarden · Sep 28, 2022 · 006e430 · 006e430
1 parent 329b9bb
commit 006e430
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/apps/desktop/src/scss/left-nav.scss b/apps/desktop/src/scss/left-nav.scss
@@ -154,6 +154,10 @@
     margin-left: auto;
     margin-right: 5px;
   }
+
+  .filter-button {
+    white-space: nowrap;
+  }
 }
 
 .nav {

diff --git a/apps/web/src/scss/vault-filters.scss b/apps/web/src/scss/vault-filters.scss
@@ -104,6 +104,9 @@
   }
 
   .filter-button {
+    max-width: 90%;
+    white-space: nowrap;
+
     &:hover,
     &:focus,
     &:active {
@@ -112,7 +115,6 @@
       }
       text-decoration: none;
     }
-    max-width: 90%;
 
     &.disabled-organization {
       max-width: 78%;