From d3cf1a1986f5ebdce10b0aead89935bd93d93fca Mon Sep 17 00:00:00 2001
From: cha0s <git@cha0s.io>
Date: Tue, 14 Jul 2020 06:24:24 -0500
Subject: [PATCH] ui: tweaks

---
 src/client/chat--left.jsx  | 10 ++++++++--
 src/client/chat--left.scss |  9 ++++++---
 src/client/index.scss      |  5 ++++-
 3 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/client/chat--left.jsx b/src/client/chat--left.jsx
index 2a798ab..0803866 100644
--- a/src/client/chat--left.jsx
+++ b/src/client/chat--left.jsx
@@ -44,10 +44,16 @@ export default function ChatLeft() {
       <h2 className="channel__chatsTitle">Chats</h2>
       <ul className="channel__chatsList">
         <li>
-          <a href="/chat/u/cha0s">cha0s</a>
+          <a href="/chat/r/reddichat">
+            <span className="muted">/r/</span>
+            reddichat
+          </a>
         </li>
         <li>
-          <a href="/chat/u/BabeHasHiccups">BabeHasHiccups</a>
+          <a href="/chat/r/anonymous">
+            <span className="muted">/r/</span>
+            anonymous
+          </a>
         </li>
       </ul>
     </div>
diff --git a/src/client/chat--left.scss b/src/client/chat--left.scss
index 2175f53..9b0d588 100644
--- a/src/client/chat--left.scss
+++ b/src/client/chat--left.scss
@@ -51,13 +51,16 @@
 }
 
 .channel__chatsList a {
-  color: #dddddd;
+  color: #ffffff;
   display: block;
-  font-family: var(--thick-title-font-family);
+  font-family: var(--title-font-family);
   padding: 1em;
   text-decoration: none;
+  .muted {
+    font-size: 0.8em;
+    margin-right: 0.125em;
+  }
   &:hover {
     background-color: #444;
-    color: #ffffff;
   }
 }
diff --git a/src/client/index.scss b/src/client/index.scss
index 0a5e628..6c01433 100644
--- a/src/client/index.scss
+++ b/src/client/index.scss
@@ -233,7 +233,10 @@ select {
   display: block;
 }
 
-/* Webfont: Lato-Light */
+.muted {
+  color: $color-muted;
+}
+
 @font-face {
   font-family: 'LatoLight';
   src: url('./fonts/Lato-Light.eot');