From 1493c1bf0e6bea80bba4553fe8b5b49beda0d567 Mon Sep 17 00:00:00 2001
From: Jost Schulte <jost@jibble.io>
Date: Mon, 12 Apr 2021 14:17:36 +0200
Subject: [PATCH 1/2] Reduce media min width for message reactions

---
 stylesheets/_modules.scss | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss
index 38587ebc9..73c9c3b08 100644
--- a/stylesheets/_modules.scss
+++ b/stylesheets/_modules.scss
@@ -11475,16 +11475,16 @@ $contact-modal-padding: 18px;
   }
 }
 
-/* Spec: container < 437px */
-@media (min-width: 0px) and (max-width: 799px) {
+/* Spec: container < 515px */
+@media (min-width: 0px) and (max-width: 834px) {
   .module-message {
     // Add 2px for 1px border
     max-width: 302px;
   }
 }
 
-/* Spec: container > 438px and container < 593px */
-@media (min-width: 800px) and (max-width: 925px) {
+/* Spec: container > 514px and container < 606px */
+@media (min-width: 835px) and (max-width: 925px) {
   .module-message {
     // Add 2px for 1px border
     max-width: 376px;

From bc3c95fea422ba00f18eb3215f7963dc59aeadeb Mon Sep 17 00:00:00 2001
From: "Kevin J. Sung" <kevjsung@umich.edu>
Date: Mon, 29 Mar 2021 11:19:29 -0400
Subject: [PATCH 2/2] edit CSS to fix attachment filename being truncated

---
 stylesheets/_modules.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss
index 73c9c3b08..505aabc2a 100644
--- a/stylesheets/_modules.scss
+++ b/stylesheets/_modules.scss
@@ -789,8 +789,8 @@
 .module-message__generic-attachment__text {
   flex-grow: 1;
   margin-left: 8px;
-  // The width of the icon plus our 8px margin
-  max-width: calc(100% - 37px);
+  // The width of the icon plus our 8px margin plus 1px leeway
+  max-width: calc(100% - 36px);
 }
 
 .module-message__generic-attachment__file-name {