From d478629512954551e8a6a1da5d528a95b8ba5f17 Mon Sep 17 00:00:00 2001
From: rainbow napkin <ourforest@tuta.io>
Date: Mon, 5 Oct 2026 23:59:09 -0400
Subject: [PATCH] More 'The Network (Classic)' touchups

---
 www/css/theme/the-network-classic.css | 50 ++++++++++++++++++++++-----
 1 file changed, 41 insertions(+), 9 deletions(-)

diff --git a/www/css/theme/the-network-classic.css b/www/css/theme/the-network-classic.css
index e6aa478..3b7eaad 100644
--- a/www/css/theme/the-network-classic.css
+++ b/www/css/theme/the-network-classic.css
@@ -127,7 +127,7 @@ button i{
 select{
     background-color: var(--bg2);
     color: var(--accent0);
-    border-radius: 0.5em;
+    border-radius: 0.2em;
     border: none;
 }
 
@@ -137,7 +137,7 @@ button{
     background-color: var(--bg0);
     color: var(--accent0);
     border: none;
-    border-radius: 0.5em;
+    border-radius: 0.2em;
 }
 
 button:hover:not([disabled]){
@@ -165,8 +165,13 @@ input:checked{
 input:not([type='checkbox']):not(.navbar-item), textarea {    
     background-color: var(--bg2);
     color: var(--accent0);
-    border-radius: 1em;
+    border-radius: 0.2em;
     border: none;
+    padding: 0.1em 0 0.1em 0.5em;
+}
+
+/* CSS wanted to be annoying about selector order, guess I can be fuckin' annoying too XP */
+input:not([type='checkbox']):not(.navbar-item):not([type='number']), textarea {    
     padding: 0.1em 0.5em;
 }
 
@@ -271,7 +276,6 @@ textarea{
     color: var(--accent1);
 }
 
-
 tr{
     box-shadow: var(--accent1) 0px 1em 1px -2em, var(--accent1) 0px -1em 1px -1em;
 }
@@ -285,10 +289,20 @@ a.admin-list-entry-item{
 }
 
 div.control-prompt{
-    border-radius: 1em;
+    border-radius: 0.2em;
     background-color: var(--bg2);
 }
 
+
+div.control-prompt:not(#chat-panel-control-div):focus-within{
+    box-shadow: var(--focus-glow0);
+}
+
+div.control-prompt button{
+    border-radius: 0.2em;
+    margin: 0 0.2em;
+}
+
 input.control-prompt, input.control-prompt:focus{
     border: none;
     outline: none;
@@ -724,10 +738,10 @@ select.panel-head-element{
 /* tooltip */
 div.tooltip{
     background-color: var(--bg1);
-    color: var(--accent1);
-    border: 1px solid var(--accent1);
-    box-shadow: 4px 4px 1px var(--bg1-alt0) inset;
-    border-radius: 1em;
+    color: var(--accent0);
+    border: 1px solid var(--accent2);
+    border-radius: 0.2em;
+    padding: 0.3em;
 }
 
 /* panel containers */
@@ -809,6 +823,24 @@ div.queue-entry.live {
     font-family: monospace;
 }
 
+#queue-control-buttons{
+    /* I know !important is gross, but there isn't really a good way to override shit inside panel stylesheets */
+    margin: 0 0.25em !important;
+    border-left: 1px solid var(--accent0-alt0);
+}
+
+
+#queue-control-buttons button{
+    flex: 1 1 auto;
+    border-right: 1px solid var(--accent0-alt0);
+    border-radius: 0;
+}
+
+#queue-control-buttons button:hover {
+  z-index: 3;
+  border: none;
+}
+
 #queue-control-buttons button:not(:hover, .danger-button, .critical-danger-button, .positive-button){
     background-color: var(--bg2-alt0);
 }