From 92ba4f26549ed9ab696f8cb5c17c1bc2fe51530f Mon Sep 17 00:00:00 2001
From: rainbow napkin <ourforest@tuta.io>
Date: Mon, 5 Oct 2026 21:23:21 -0400
Subject: [PATCH] re-arrenged some things, added instance name border

---
 www/css/theme/the-network.css | 43 +++++++++++++++++++----------------
 1 file changed, 24 insertions(+), 19 deletions(-)

diff --git a/www/css/theme/the-network.css b/www/css/theme/the-network.css
index 174f702..f8bf615 100644
--- a/www/css/theme/the-network.css
+++ b/www/css/theme/the-network.css
@@ -288,25 +288,6 @@ div.control-prompt{
     background-color: var(--bg2);
 }
 
-#chat-panel-control-div{
-    position: relative;
-}
-
-/* This is hacky as shit, but it allows us to place the focus glow either on top of, or next to, elements within the prompt div (such as the send button bg color) */
-#chat-panel-control-div:has(#chat-panel-prompt:focus):has(#chat-panel-send-button:not([style*="display: none"])):before{
-    content: '';
-    box-shadow: var(--focus-glow0-inset-top-alt);
-    width: calc(100% - 2.5rem);
-    height: 2em;
-    position: absolute;
-    pointer-events: none;
-}
-
-/* Use a basic box shadow if we dont have a send button */
-#chat-panel-control-div:focus-within:has(#chat-panel-send-button[style*="display: none"]){
-    box-shadow: var(--focus-glow0-inset-top);
-}
-
 input.control-prompt, input.control-prompt:focus{
     border: none;
     outline: none;
@@ -334,6 +315,11 @@ input.control-prompt, input.control-prompt:focus{
     background-color: var(--bg1-alt0);
 }
 
+#instance-title{
+    border-right: 1px solid var(--accent0-alt1);
+    padding-right: 0.5em;
+}
+
 /* index */
 .channel-guide-entry{
     background-color: var(--bg1);
@@ -649,6 +635,25 @@ select.panel-head-element{
     text-decoration-color: var(--danger0-alt0);
 }
 
+#chat-panel-control-div{
+    position: relative;
+}
+
+/* This is hacky as shit, but it allows us to place the focus glow either on top of, or next to, elements within the prompt div (such as the send button bg color) */
+#chat-panel-control-div:has(#chat-panel-prompt:focus):has(#chat-panel-send-button:not([style*="display: none"])):before{
+    content: '';
+    box-shadow: var(--focus-glow0-inset-top-alt);
+    width: calc(100% - 2.5rem);
+    height: 2em;
+    position: absolute;
+    pointer-events: none;
+}
+
+/* Use a basic box shadow if we dont have a send button */
+#chat-panel-control-div:focus-within:has(#chat-panel-send-button[style*="display: none"]){
+    box-shadow: var(--focus-glow0-inset-top);
+}
+
 /* popup */
 
 .popup-backer{