From 24e0d90069e16b7005d78d0d8fa3c8d80fe25b14 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Wed, 27 Nov 2019 14:19:49 +0100 Subject: [PATCH] Fix overflow in menu --- client/src/app/menu/menu.component.scss | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss index 15eaa1434..0c9519a20 100644 --- a/client/src/app/menu/menu.component.scss +++ b/client/src/app/menu/menu.component.scss @@ -145,15 +145,19 @@ menu { margin-bottom: 45px; a { + @include disable-default-a-behaviour; + display: flex; align-items: center; padding-left: $menu-lateral-padding; color: var(--menuForegroundColor); cursor: pointer; - height: 40px; + min-height: 40px; font-size: 16px; transition: background-color .1s ease-in-out; - @include disable-default-a-behaviour; + white-space: normal; + word-break: break-word; + padding-right: 20px; &.active { background-color: rgba(255, 255, 255, 0.15);