From 67b222824c9a2c1bb1fdc741a7f1ea199317fbf0 Mon Sep 17 00:00:00 2001
From: alexa <alex@targoninc.com>
Date: Tue, 28 May 2024 20:54:31 +0200
Subject: [PATCH] small ui adjustments

---
 ui/base.css                  | 4 ++++
 ui/classes.css               | 4 ++--
 ui/components/pages/chat.mjs | 2 +-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/ui/base.css b/ui/base.css
index d47ae8f..df5cd9c 100644
--- 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
index 548a801..2c0f709 100644
--- 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
index 1b25169..9b281f2 100644
--- 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);