z

css/default.css

@@ -10,13 +10,6 @@
     --color-notice: #fb4f4f;
 }
 
-@media (prefers-color-scheme: dark) {
-    :root {
-        --color-text: white;
-        --color-bg: black;
-    }
-}
-
 html {
     scrollbar-gutter: stable;
 }
@@ -78,10 +71,6 @@ header {
     align-items: start;
 }
 
-.navright a {
-    margin: 0 0 0 1em;
-}
-
 /* Links inside the navbar */
 .navbar a {
     text-decoration: none;
@@ -93,6 +82,8 @@ header {
 }
 .navright a,
 .navright a:visited {
+    white-space: nowrap;
+    margin: 0 0.5rem 0 0.5rem;
     color: var(--color-linkh);
     text-decoration: underline;
 }
@@ -100,7 +91,7 @@ header {
     background-color: var(--color-linkhbg);
 }
 .navright {
-    gap: 0.75rem 1.25rem;      /* row gap | column gap */
+    gap: 1rem 1rem;      /* row gap | column gap */
 }
 
 
@@ -317,6 +308,15 @@ code {
 
 /* phones -- no sidebar no sidenotes*/
 @media (max-width: 768px) {
+    a.home{
+        font-size: 2rem;
+        white-space: wrap;
+        padding-top: 1rem;
+        text-align: left;
+    }
+    .navright a{
+        display: block;
+    }
     body {
         /* width: 90%; */
         margin: auto;
@@ -342,7 +342,7 @@ code {
 }
 
 /* sidebar. no sidenotes */
-@media (min-width: 769px) {
+@media (min-width: 900px) {
     a.home{
         font-size: 2rem;
         white-space: nowrap;
@@ -391,7 +391,7 @@ code {
         padding-top: 0;
         padding-left: 1rem;
         text-align: left;
-        max-width: 80%;
+        max-width: 45%;
         clear: both;
         margin-right: 1.7em;
         margin-left: 0.25em;