From bdaab2110be43141efe5576c9318879c79e82cdc Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Fri, 11 Sep 2020 19:45:24 -0500
Subject: [PATCH 1/2] Chats: improve mobile styles

---
 app/styles/chats.scss | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/app/styles/chats.scss b/app/styles/chats.scss
index 623835b5d..869f1475f 100644
--- a/app/styles/chats.scss
+++ b/app/styles/chats.scss
@@ -282,6 +282,37 @@
       }
     }
   }
+
+  @media(max-width: 630px) {
+    .columns-area__panels__main .columns-area {
+      padding: 0;
+    }
+
+    .columns-area__panels__main {
+      padding: 0;
+      max-width: none;
+    }
+
+    .columns-area--mobile .column {
+      border-radius: 0;
+    }
+
+    .page {
+      .chat-box {
+        border-radius: 0;
+        border: 2px solid var(--foreground-color);
+
+        &__actions {
+          padding: 0;
+
+          textarea {
+            height: 4em;
+            border-radius: 0;
+          }
+        }
+      }
+    }
+  }
 }
 
 @media(max-width: 630px) {

From d644ed3c55d86f29fc7d37250b4d96eea384eb3b Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Fri, 11 Sep 2020 19:47:45 -0500
Subject: [PATCH 2/2] Chats: remove underline from recipient name on mobile

---
 app/styles/chats.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/app/styles/chats.scss b/app/styles/chats.scss
index 869f1475f..eb7ba2834 100644
--- a/app/styles/chats.scss
+++ b/app/styles/chats.scss
@@ -332,6 +332,7 @@
   margin-left: auto;
   padding-right: 15px;
   overflow: hidden;
+  text-decoration: none;
 
   .account__avatar {
     margin-right: 7px;