From ce56c51e33fa7bd88f0c64644be970ffc4ba5b96 Mon Sep 17 00:00:00 2001
From: Karl Stolley <karl@zulip.com>
Date: Mon, 22 Jul 2024 14:20:02 -0400
Subject: [PATCH] compose: Adjust popover-button breakpoints for wider left
 sidebar.

---
 web/styles/compose.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/styles/compose.css b/web/styles/compose.css
index 3ae8f13893..1439b2c5c5 100644
--- a/web/styles/compose.css
+++ b/web/styles/compose.css
@@ -1250,7 +1250,7 @@ textarea.new_message_textarea {
             vdot menu icon, so that it is hidden when all compose buttons fit
             in the main row below the compose box. So, this is the same as
             the media query for .show_popover_buttons. */
-            @media (((width < 1398px) and (width >= $xl_min)) or (width < 1158px)) {
+            @media (((width < 1418px) and (width >= $xl_min)) or (width < 1178px)) {
                 display: block;
 
                 .compose_control_menu {
@@ -1264,7 +1264,7 @@ textarea.new_message_textarea {
             we hide and show in a popover instead when they no longer fit in a
             single row. The media query below handles the hiding and showing of the
             buttons from the main row of compose buttons below the compose box. */
-            @media (((width < 1398px) and (width >= $xl_min)) or (width < 1158px)) {
+            @media (((width < 1418px) and (width >= $xl_min)) or (width < 1178px)) {
                 display: none;
             }
         }
@@ -1273,7 +1273,7 @@ textarea.new_message_textarea {
             /* This is similar to show_popover_buttons, but it's only for those
             compose buttons that we hide, and show in the popover only when the
             screen gets extremely narrow. */
-            @media ((width < 596px) or ((width < 919px) and (width >= $md_min))) {
+            @media ((width < 596px) or ((width < 939px) and (width >= $md_min))) {
                 display: none;
             }
         }
@@ -1281,7 +1281,7 @@ textarea.new_message_textarea {
         &.show_in_popover {
             /* This is to show the popover 2 buttons in the popover, only when
             they are hidden in the main row below the compose box. */
-            @media ((width < 596px) or ((width < 919px) and (width >= $md_min))) {
+            @media ((width < 596px) or ((width < 939px) and (width >= $md_min))) {
                 display: flex;
             }
         }