Added "back" button on 1v1 chat + some UI improvements

src/routes/_components/Nav.html

@@ -21,6 +21,14 @@
     <div id="name">
       <span>My Possible Next CRUSH :)</span>
     </div>
+    <div id="back">
+      <a href="/direct">
+        <svg xmlns="http://www.w3.org/2000/svg" height="40" viewBox="0 0 24 24" width="40">
+          <path d="M0 0h24v24H0V0z" fill="none"/>
+          <path d="M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"/>
+        </svg>
+      </a>
+    </div>
   </div>
   </div>
   <div style="height: 10px;background: #ff0c73;opacity: .1;"></div>

src/scss/themes/ozark.scss

@@ -27,6 +27,7 @@ $deemphasized-text-color: #939393;
 :root {
     --svg-fill: #{$nav-bg};
     --banner-fill: #{$nav-bg};
+    --action-button-fill-color: #000;
     --button-primary-border: transparent;
     --button-primary-bg: #{$nav-bg};
     --button-primary-bg-hover: #{$nav-a-bg-hover};
@@ -87,6 +88,24 @@ div#chat-party-global {
     }
   }
 
+  div#back {
+    display: flex;
+
+    a {
+      display: flex;
+      margin: auto;
+
+      svg {
+        fill: #8c8585;
+      }
+    }
+
+    a:focus {
+      background: #eee;
+    }
+
+  }
+
 }
 
 div#chat-compose-global {
@@ -146,13 +165,15 @@ div#chat-compose-global {
       min-width: 15em;
       max-height: 6em;
       min-height: 4.5em;
+      margin: .5em 0;
       padding: .6em;
       resize: none;
     }
 
     textarea:focus {
       outline: none !important;
-      border: 5px dashed #ff00ef4a;
+      border: 1px solid var(--button-primary-bg);
+      border-radius: .5em;
       color: black;
     }
   }
@@ -261,7 +282,8 @@ div.timeline > div.the-list {
           width: 1.8em;
           height: 1.8em;
           position: relative;
-          left: 1.4em;
+          left: .5em;
+          top: -1em;
         }
 
         span {
@@ -281,7 +303,7 @@ div.timeline > div.the-list {
       float: initial !important;
       max-width: initial !important;
       border-radius: .5em !important;
-      box-shadow: 6px 6px 6px #a2a5db !important;
+      border: 10px dotted #4e83d573;
 
       a.status-author-name {
         margin-left: 0;