From 4371fe5f61030a640f72f732f5b1389a98d81f65 Mon Sep 17 00:00:00 2001
From: cha0s <git@cha0s.io>
Date: Mon, 13 Jul 2020 17:00:18 -0500
Subject: [PATCH] flow: icons & small tweaks

---
 src/client/chat--channels.jsx  |  8 +++++++-
 src/client/chat--channels.scss | 10 ++++++++--
 src/client/chat--users.jsx     |  8 +++++++-
 src/client/chat--users.scss    |  4 ++++
 4 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/src/client/chat--channels.jsx b/src/client/chat--channels.jsx
index 861bfaa..a219380 100644
--- a/src/client/chat--channels.jsx
+++ b/src/client/chat--channels.jsx
@@ -43,7 +43,13 @@ export default function ChatChannels() {
                   }}
                   type="button"
                 >
-                  <span role="img" aria-label={label}>{emoji}</span>
+                  <span
+                    className="channels__buttonIcon"
+                    role="img"
+                    aria-label={label}
+                  >
+                    {emoji}
+                  </span>
                   <span className="channels__buttonText">{label}</span>
                 </button>
               </li>
diff --git a/src/client/chat--channels.scss b/src/client/chat--channels.scss
index 1feebf3..eaacfbd 100644
--- a/src/client/chat--channels.scss
+++ b/src/client/chat--channels.scss
@@ -53,6 +53,10 @@
   }
 }
 
+.channels__buttonIcon {
+  display: flow-root;
+}
+
 .channels__buttonText {
   font-size: 0.7em;
 }
@@ -65,8 +69,10 @@
 
 .channel__joinTextWrapper::before {
   content: '/r/';
-  font-size: 0.9em;
-  padding-right: 0.25em;
+  font-size: 0.8em;
+  padding: 0 0.25em 0 0.5em;
+  position: relative;
+  top: 1px;
 }
 
 .channel__joinText {
diff --git a/src/client/chat--users.jsx b/src/client/chat--users.jsx
index cf636e8..92c315b 100644
--- a/src/client/chat--users.jsx
+++ b/src/client/chat--users.jsx
@@ -38,7 +38,13 @@ export default function ChatUsers() {
                   }}
                   type="button"
                 >
-                  <span role="img" aria-label={label}>{emoji}</span>
+                  <span
+                    className="users__buttonIcon"
+                    role="img"
+                    aria-label={label}
+                  >
+                    {emoji}
+                  </span>
                   <span className="users__buttonText">{label}</span>
                 </button>
               </li>
diff --git a/src/client/chat--users.scss b/src/client/chat--users.scss
index 2fe5944..e0d9e30 100644
--- a/src/client/chat--users.scss
+++ b/src/client/chat--users.scss
@@ -43,6 +43,10 @@
   }
 }
 
+.users__buttonIcon {
+  display: flow-root;
+}
+
 .users__buttonText {
   font-size: 0.7em;
 }