From 24a7abbba70aa434827e7b009a23dc9e7d2dcf48 Mon Sep 17 00:00:00 2001 From: Thomas Rittson <31796059+eliykat@users.noreply.github.com> Date: Thu, 29 Sep 2022 08:55:51 +1000 Subject: [PATCH] Fix alignment for long filter names (#3635) --- apps/desktop/src/scss/left-nav.scss | 4 ++++ apps/web/src/scss/vault-filters.scss | 4 +++- 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/apps/desktop/src/scss/left-nav.scss b/apps/desktop/src/scss/left-nav.scss index 5b52d78291..dc882ad265 100644 --- 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 index 1925de3d9a..9f39164ad7 100644 --- 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%;