From 13df423ae17abff9cb91fb8749e7c318a0c34d20 Mon Sep 17 00:00:00 2001
From: N-Shar-ma <bablinaneh@gmail.com>
Date: Mon, 1 Apr 2024 22:21:54 +0530
Subject: [PATCH] compose: Adjust alignment and size of Drafts button at
 smaller widths.

The padding on the sides of the Drafts button is reduced from 5 to 3px
at smaller width, so that it's not right up against the textareas when
hovered.

The text is also aligned to the Send button's edge, like at larger
widths.
---
 web/styles/compose.css | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/styles/compose.css b/web/styles/compose.css
index 08dde671a2..95f7e20b54 100644
--- a/web/styles/compose.css
+++ b/web/styles/compose.css
@@ -1333,13 +1333,13 @@ textarea.new_message_textarea,
     }
 
     @media (width < $mc_min) {
-        margin-left: 0;
-        /* With no negative left margin,
-           hold the max width to 100%. */
-        max-width: 100%;
+        /* Reduce the padding on the sides so the
+        button's edge isn't too close to the textarea */
+        margin-left: -3px;
+        max-width: calc(100% + 3px);
         /* Align the `Drafts` text with the
            send icon below. */
-        padding: 0 5px;
+        padding: 0 3px;
     }
 }