From 8136f87cf7ae1d80a9506ac71d07093d4ec3f8ba Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bruno=20Ryb=C3=A1rsky?= Date: Sun, 28 Apr 2024 23:01:32 +0200 Subject: [PATCH] Change navbar styling a bit --- assets/style.css | 20 +++++++++++++++++--- 1 file changed, 17 insertions(+), 3 deletions(-) diff --git a/assets/style.css b/assets/style.css index 701d142..b5e3fc8 100644 --- a/assets/style.css +++ b/assets/style.css @@ -80,6 +80,10 @@ li { list-style: none; } +nav li { + margin: unset; +} + header ul li { list-style: circle; width: fit-content; @@ -147,7 +151,6 @@ ul.navpage_list { display: none; flex-direction: column; overflow: hidden; - position: fixed; transition: max-height .3s ease, border .325s ease !important; z-index: 2; } @@ -211,7 +214,7 @@ ul.navpage_list { #statusMessageContainer { position: fixed; - top: 80px; + top: 100px; right: 20px; z-index: 510; display: flex; @@ -416,10 +419,16 @@ div#articleslist>article{ flex-direction: column; width: 100%; text-align: center; + padding: 0 8px; + left: 0; + right: 0; + margin: 0; + gap: 1rem; } #navsite_list li { text-align: center; + padding: 0; } .navsite_item { @@ -446,8 +455,9 @@ div#articleslist>article{ -webkit-box-shadow: 0 20px 28px 0 var(--dimmer); background-color: var(--dimmer); box-shadow: 0 20px 28px 0 var(--dimmer); - top: 80px; + top: 100px; text-align: center; + left: 0; } nav { @@ -464,4 +474,8 @@ div#articleslist>article{ max-width: 200px; max-height: 200px; } + + .navsite_link { + width: 100%; + } } \ No newline at end of file