Improve styling

osmus · Nov 14, 2023 · 986502f · 986502f
1 parent a4b64fc
commit 986502f
Showing 1 changed file with 25 additions and 6 deletions.
diff --git a/css/main.css b/css/main.css
@@ -64,6 +64,7 @@ h1, h2, h3, h4, h5, h6 {
   background: #4A282A;
   padding: 0 10px 0 6px;
   /*background: linear-gradient(90deg, #4A282A, #66373a);*/
+  overflow-x: auto;
 }
 #header a {
   text-decoration: none;
@@ -130,7 +131,8 @@ h1, h2, h3, h4, h5, h6 {
   font-size: 15px;
   font-family: inherit;
   line-height: 1.4em;
-  min-width: 200px;
+  max-width: 200px;
+  width: 100%;
   appearance: none;
   -webkit-appearance: none;
   border-color: #ddd;
@@ -147,7 +149,7 @@ h1, h2, h3, h4, h5, h6 {
   flex-direction: column;
   background: white;
   height: 100%;
-  min-width: 200px;
+  min-width: 250px;
   width: 33.3333vw;
 }
 #sidebar .top,
@@ -171,7 +173,18 @@ h1, h2, h3, h4, h5, h6 {
 }
 #sidebar table td {
   width: 50%;
-  font-family: Courier, monospace;
+  font-family: 'SF Mono', SFMono-Regular, ui-monospace, -apple-system, monospace;
+  font-size: 14px;
+  overflow-wrap: anywhere;
+}
+#sidebar #meta-table td {
+  background: rgba(0, 0, 0, 0.02);
+  width: auto;
+}
+#sidebar #meta-table td:first-child {
+  font-family: inherit;
+  font-weight: 600;
+  width: 90px;
 }
 .link-list a {
   white-space: nowrap;
@@ -181,16 +194,22 @@ h1, h2, h3, h4, h5, h6 {
   #body {
     flex-direction: column-reverse;
   }
+  #header .tagline {
+    display: none;
+  }
   #sidebar {
     width: 100%;
     height: 50%;
     flex: 0 0 auto;
+    min-width: 100%;
   }
   #map-wrap {
-    padding-left: 10px;
-    padding-bottom: 0;
+    padding: 0;
+  }
+  #map {
+    border-width: 0 0 1px 0;
   }
   #controls {
-    left: 20px;
+    top: 10px;
   }
 }