From 41118f00466023d2ec25b01806be866e6b496d09 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=B6ren=20Weber?= <mail@soeren-weber.de>
Date: Fri, 17 Feb 2023 15:07:57 +0100
Subject: [PATCH] menu: further sizing adjustments #466

---
 static/css/ie.css      |  2 +-
 static/css/theme.css   | 44 +++++++++++++++++++++---------------------
 static/css/variant.css |  2 +-
 3 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/static/css/ie.css b/static/css/ie.css
index 8bd2a47e05..41caa30dd6 100644
--- a/static/css/ie.css
+++ b/static/css/ie.css
@@ -29,7 +29,7 @@
 		padding-right: 1.6rem;
 	}
 	#sidebar ul li.visited + span {
-		margin-right: 16px;
+		margin-right: 1rem;
 	}
 	#sidebar ul li li {
 		padding-left: 1rem;
diff --git a/static/css/theme.css b/static/css/theme.css
index ca3d0843a0..2c25a9e34b 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -186,7 +186,7 @@ dd {
 }
 
 #sidebar ul.topics > li > a .fa {
-    margin-top: 9px;
+    margin-top: .5rem;
 }
 
 #sidebar ul.topics > li {
@@ -214,13 +214,13 @@ dd {
 }
 
 #sidebar ul li.visited + span {
-    margin-inline-end: 16px;
+    margin-inline-end: 1rem;
 }
 
 #sidebar ul li a,
 #sidebar ul li button {
     display: block;
-    padding: 2px 0;
+    padding: .125rem 0;
 }
 
 #sidebar ul li a span {
@@ -232,7 +232,7 @@ dd {
 
 #sidebar ul li > a,
 #sidebar ul li > button {
-    padding: 4px 0;
+    padding: .25rem 0;
 }
 
 #sidebar ul li li {
@@ -240,20 +240,20 @@ dd {
 }
 
 #sidebar ul.topics > li > a .read-icon {
-    margin-top: 9px;
+    margin-top: .5rem;
 }
 
 #sidebar #shortcuts li {
     list-style: none;
-    padding: 2px 0;
+    padding: .125rem 0;
 }
 
 #sidebar ul li .read-icon {
     display: none;
     float: right;
     font-size: .8125rem;
-    margin: 4px 0 0 0;
-    min-width: 16px;
+    margin: .25rem 0 0 0;
+    min-width: 1rem;
     text-align: start;
 }
 html[dir="rtl"] #sidebar ul li .read-icon {
@@ -267,7 +267,7 @@ html[dir="rtl"] #sidebar ul li .read-icon {
 #sidebar .nav-title {
     font-size: 2rem;
     font-weight: 200;
-    letter-spacing: -1px;
+    letter-spacing: -.02175em;
     line-height: 110% !important;
     margin: 1rem 0 1rem 0;
     padding-inline-start: 1rem;
@@ -325,7 +325,7 @@ html[dir="rtl"] #sidebar ul li .read-icon {
 
 #body img.shadow,
 #body .video-container.shadow {
-    box-shadow: 0 .625rem 1.875rem rgba( 200, 200, 200, .666 );
+    box-shadow: 0 10px 30px rgba( 176, 176, 176, .666 );
 }
 
 #body img.inline {
@@ -466,7 +466,7 @@ h6 {
 }
 
 h2, h3, .article-subheading, h4, h5, h6 {
-    letter-spacing: -1px;
+    letter-spacing: -.0625rem;
     margin: 2rem 0 1rem 0;
     /* big titles cause a horizontal scrollbar - fixing this by wrapping text */
     overflow-wrap: break-word;
@@ -555,10 +555,10 @@ div.attachments .box-content {
 
 .children p {
     font-size: .8125rem;
-    margin-bottom:  0px;
-    margin-top: 0px;
-    padding-bottom: 0px;
-    padding-top: 0px;
+    margin-bottom:  0;
+    margin-top: 0;
+    padding-bottom: 0;
+    padding-top: 0;
 }
 
 .children-li p {
@@ -569,10 +569,10 @@ div.attachments .box-content {
 .children-h2 p,
 .children-h3 p {
     font-size: .8125rem;
-    margin-bottom:  0px;
-    margin-top: 0px;
-    padding-bottom: 0px;
-    padding-top: 0px;
+    margin-bottom:  0;
+    margin-top: 0;
+    padding-bottom: 0;
+    padding-top: 0;
 }
 
 #body-inner .children h2,
@@ -1057,7 +1057,7 @@ pre > .copy-to-clipboard-button {
 #homelinks {
     border-bottom-style: solid;
     border-bottom-width: 4px;
-    padding: 7px 0;
+    padding: .5rem 0;
 }
 
 option {
@@ -1242,7 +1242,7 @@ html[dir="rtl"] .expand > .expand-label > i.fa-chevron-right {
 }
 
 .progress {
-    border: 0px solid rgba( 134, 134, 134, .166 );
+    border: 0 solid rgba( 134, 134, 134, .166 );
     box-shadow: 1px 2px 5px 1px rgba( 134, 134, 134, .2 );
     height: 0;
     opacity: 0;
@@ -1433,7 +1433,7 @@ html[dir="rtl"] .select-container span {
 
 .select-style {
     border: 0;
-    border-radius: 0px;
+    border-radius: 0;
     height: 1.574em;
     overflow: hidden;
 }
diff --git a/static/css/variant.css b/static/css/variant.css
index 88246db7f0..ea8d9c01ec 100644
--- a/static/css/variant.css
+++ b/static/css/variant.css
@@ -179,7 +179,7 @@ a:hover,
     background-color: var(--INTERNAL-MENU-SECTION-ACTIVE-CATEGORY-BG-color);
 }
 
-#sidebar ul li.visited > a .read-icon {
+#sidebar ul li > a .read-icon {
     color: var(--INTERNAL-MENU-VISITED-color);
 }