1 files changed, 24 insertions, 12 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index 18b1c22..0f81b68 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -61,7 +61,7 @@
     --border-darker: #555;
     --border-lighter: #262626;
     --button-background: #333;
-    --danger-background: #220402;
+    --danger-background: #4f1c1c;
     --danger: #ff9494;
     --disabled: #999;
     --fade: #aaa;
@@ -77,7 +77,7 @@
     --success: #d5f3c4;
     --table-row-even-background: #273030;
     --table-row-odd-background: #2e3838;
-    --warning-background: #333300;
+    --warning-background: #42381f;
     --warning: #ffe699;
     --widget-background: #262626;
   }
@@ -899,18 +899,24 @@ micro-nsfw details[open] + micro-nsfw-content {
 }
 
 tab-list {
+  display: inline-block;
+  overflow-x: auto;
+  text-overflow: ellipsis;
+  vertical-align: top;
+  white-space: nowrap;
+  width: 100%;
+}
+
+tab-list aside {
   display: flex;
   justify-content: center;
   border-bottom: 1px solid;
   border-color: #ddd;
   border-color: var(--border-darker);
+  min-width: 450px;
 }
 
-tab-list a:not(:last-child) {
-  margin-right: 0.5rem;
-}
-
-tab-list a {
+tab-list aside a {
   border-left: 1px solid;
   border-right: 1px solid;
   border-top-left-radius: 0.5rem;
@@ -920,15 +926,24 @@ tab-list a {
   border-color: var(--border-darker);
   color: #555;
   color: var(--fade);
-  margin-top: 0.5rem;
   padding: 0.5rem 1rem;
+  margin-top: 0.5rem;
   position: relative;
   text-decoration: none;
   top: 1px;
   border-bottom: 2px solid var(--background);
 }
 
-tab-list a:hover {
+tab-list aside a:not(:last-child) {
+  margin-right: 0.5rem;
+}
+
+tab-list aside a:last-child {
+  color: #8f0000;
+  color: var(--danger);
+}
+
+tab-list aside a:hover {
   background-color: #eee;
   background-color: var(--hover-background);
   color: inherit;
@@ -1597,9 +1612,6 @@ kbd {
   micro-metadata {
     line-height: inherit;
   }
-  tab-list a {
-    font-size: 80%;
-  }
   micro-header section {
     display: block;
   }