From 6f423a272337538c93b073b94011ab29ec46c794 Mon Sep 17 00:00:00 2001
From: cha0s <git@cha0s.io>
Date: Sat, 18 Jul 2020 20:05:18 -0500
Subject: [PATCH] ui: tweaks

---
 src/client/channel.jsx         | 16 ++++++++++------
 src/client/channel.scss        |  7 +++++--
 src/client/chat--messages.scss |  2 +-
 3 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/client/channel.jsx b/src/client/channel.jsx
index d48d0af..46c19cd 100644
--- a/src/client/channel.jsx
+++ b/src/client/channel.jsx
@@ -27,7 +27,15 @@ export default function Channel(props) {
         )
       }
       <span className="muted">{prefix}</span>
-      <span className="channel__name">{name}</span>
+      <span
+        className={classnames(
+          'channel__name',
+          {long: name && name.length >= 12},
+          {superlong: name && name.length >= 16},
+        )}
+      >
+        {name}
+      </span>
     </>
   );
   return (
@@ -38,11 +46,7 @@ export default function Channel(props) {
         href
           ? (
             <Link
-              className={classnames(
-                'channel__link',
-                {long: name && name.length >= 12},
-                {superlong: name && name.length >= 16},
-              )}
+              className="channel__link"
               to={href}
             >
               {content}
diff --git a/src/client/channel.scss b/src/client/channel.scss
index 0c99ee7..0617783 100644
--- a/src/client/channel.scss
+++ b/src/client/channel.scss
@@ -28,13 +28,16 @@
     padding: 0.4em;
     text-align: center;
   }
+}
+
+.channel__name {
   &.long {
     font-size: 0.8em;
-    padding: 1.4em;
+    padding-top: 0.2em;
   }
   &.superlong {
     font-size: 0.6em;
-    padding: 2em;
+    padding-top: 0.4em;
   }
 }
 
diff --git a/src/client/chat--messages.scss b/src/client/chat--messages.scss
index e483fb0..f3a6bc8 100644
--- a/src/client/chat--messages.scss
+++ b/src/client/chat--messages.scss
@@ -1,6 +1,6 @@
 .chat--messages {
   background-image: url('./dark.png');
-  box-shadow: 0 0 10px #171717 inset;
+  box-shadow: 0 0 5px #171717 inset;
   display: flex;
   flex-direction: column;
   overflow: hidden;