From c4f940aa310852b1f982e193c913cff37bc619c5 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Fri, 22 Dec 2023 15:17:26 -0500
Subject: [PATCH] UX: resize pm composer inputs for narrow screens (#25019)

---
 app/assets/stylesheets/desktop/compose.scss | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/desktop/compose.scss b/app/assets/stylesheets/desktop/compose.scss
index 50c7c0ede1d..955dbc9ae27 100644
--- a/app/assets/stylesheets/desktop/compose.scss
+++ b/app/assets/stylesheets/desktop/compose.scss
@@ -18,12 +18,19 @@
   &.private-message {
     .with-tags {
       .title-and-category {
-        flex-wrap: nowrap; // force title and tags on same line for PMs
+        flex-wrap: nowrap;
+        gap: 0.5em;
         .mini-tag-chooser {
+          max-width: 50%;
           margin-bottom: 8px; // match title input margin
-          flex: 0 0 auto;
-          margin-left: 8px; // matches margin between category and tag input
-          width: 39%;
+          flex: 1 1 auto;
+        }
+      }
+      .title-input {
+        max-width: 50%;
+        min-width: 0;
+        input {
+          min-width: 0;
         }
       }
     }