From b6f3f06324b2a3c833eeb11776bb3f23b1b9a4d8 Mon Sep 17 00:00:00 2001 From: sergiotarxz Date: Thu, 28 Sep 2023 19:21:04 +0200 Subject: [PATCH] Improving sidebar menu. --- public/css/styles.css | 10 ++++++---- public/css/styles.scss | 8 +++++--- 2 files changed, 11 insertions(+), 7 deletions(-) diff --git a/public/css/styles.css b/public/css/styles.css index 933f510..0bcf231 100644 --- a/public/css/styles.css +++ b/public/css/styles.css @@ -17,10 +17,12 @@ body { border-radius: 0.3em; height: 0.7em; font-size: 0.7em; - padding: 0.15em; + padding: 0.3em; text-align: center; justify-content: center; - align-items: center; } + align-items: center; + vertical-align: middle; + margin-bottom: 0.15em; } body div.search-overlay { overflow-y: scroll; display: none; @@ -200,7 +202,7 @@ body { body nav.mobile-foldable { position: fixed; left: 100%; - width: 60%; + width: 70%; top: 60px; height: calc(100% - 60px); z-index: 500; @@ -226,7 +228,7 @@ body { margin-left: 40px; font-size: 1em; } body nav.mobile-foldable.show { - left: 40%; } + left: 30%; } body nav.mobile-shortcuts > a { display: flex; align-items: center; diff --git a/public/css/styles.scss b/public/css/styles.scss index fa77cfc..36d5b92 100644 --- a/public/css/styles.scss +++ b/public/css/styles.scss @@ -25,10 +25,12 @@ body { border-radius: 0.3em; height: 0.7em; font-size: 0.7em; - padding: 0.15em; + padding: 0.3em; text-align: center; justify-content: center; align-items: center; + vertical-align: middle; + margin-bottom: 0.15em; } div.search-overlay { @@ -296,7 +298,7 @@ body { nav.mobile-foldable { position: fixed; left: 100%; - width: 60%; + width: 70%; top: 60px; height: calc(100% - 60px); z-index: 500; @@ -334,7 +336,7 @@ body { } nav.mobile-foldable.show { - left: 40%; + left: 30%; } nav.mobile-shortcuts > a {