small ui adjustments

targoninc · May 28, 2024 · 67b2228 · 67b2228
1 parent ab5e509
commit 67b2228
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/ui/base.css b/ui/base.css
@@ -131,6 +131,10 @@ button.double, input.double, textarea.double, select.double {
     padding: var(--input-padding-v) calc(var(--input-padding-h) * 2);
 }
 
+div {
+    box-sizing: border-box;
+}
+
 a {
     color: var(--text);
     text-decoration: none;

diff --git a/ui/classes.css b/ui/classes.css
@@ -172,9 +172,8 @@
 
 .channel {
     padding: var(--gap-h) var(--gap-v);
-    width: calc(100% - 2 * var(--gap-v));
+    width: 100%;
     background: var(--bg);
-    border-radius: var(--input-border-radius);
     border-bottom: var(--input-border-width) solid var(--bg-4);
     color: var(--text);
     font-size: 1.2em;
@@ -183,6 +182,7 @@
 
 .channel.active {
     background: var(--bg-2);
+    border-right: 10px solid var(--blue);
 }
 
 .text-small {

diff --git a/ui/components/pages/chat.mjs b/ui/components/pages/chat.mjs
@@ -46,7 +46,7 @@ export class ChatComponent {
     static channelList(channels, activeChannel) {
         return signalMap(channels,
             create("div")
-                .classes("flex-v")
+                .classes("flex-v", "no-gap")
             , channel => {
                 if (channel.type === "gr") {
                     return ChatComponent.groupChannel(channel, activeChannel);