From d740963243fa1cba36195cf478906194b9df83af Mon Sep 17 00:00:00 2001 From: SondreB Date: Thu, 12 Oct 2023 14:03:09 +0200 Subject: [PATCH] Resize the sidebar smaller --- app/src/app/app.css | 6 +++--- app/src/styles.scss | 4 ++-- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/app/src/app/app.css b/app/src/app/app.css index c5840d8..2c18296 100644 --- a/app/src/app/app.css +++ b/app/src/app/app.css @@ -14,7 +14,7 @@ flex: 0 0 24px; } -@media screen and (max-height: 200px) { +@media screen and (max-height: 160px) { .logo-icon-title-bar { display: inline; } @@ -39,7 +39,7 @@ } .sidenav-labels { - width: 200px; + width: 160px; } .top-spacer { @@ -204,7 +204,7 @@ header { height: 92px; position: fixed; bottom: 2em; - left: 2.9em; + left: 2em; cursor: pointer; transition: opacity 250ms ease; } diff --git a/app/src/styles.scss b/app/src/styles.scss index 22fa2a1..9256bad 100644 --- a/app/src/styles.scss +++ b/app/src/styles.scss @@ -488,7 +488,7 @@ app-profile-actions { } .sidenav-left { - min-width: 200px; + min-width: 160px; } .sidenav-right { @@ -991,7 +991,7 @@ mat-card-footer { color: rgb(219, 2, 2) !important; } -@media only screen and (max-height: 200px) { +@media only screen and (max-height: 160px) { .sidenav { display: none !important; }