Resize the sidebar smaller

block-core · Oct 12, 2023 · d740963 · d740963
1 parent 1be4874
commit d740963
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git 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
@@ -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;
   }