From b8a78ffce8ad7f08859d1862c2323abf76583918 Mon Sep 17 00:00:00 2001
From: Harshil Sharma <18575143+harshilsharma63@users.noreply.github.com>
Date: Wed, 29 Nov 2023 20:07:28 +0530
Subject: [PATCH] Updated styling to make modal look acceptable on really
 narrow screens (#25557)

* Updated styling to make modal look acceptable on really narrow screens

* Kneeled down to the wishes of thy linter
---
 .../convert_gm_to_channel_modal.scss                           | 2 +-
 .../src/components/widgets/inputs/url_input/url_input.scss     | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/webapp/channels/src/components/convert_gm_to_channel_modal/convert_gm_to_channel_modal.scss b/webapp/channels/src/components/convert_gm_to_channel_modal/convert_gm_to_channel_modal.scss
index b4c3f3a028..978b4e1b8f 100644
--- a/webapp/channels/src/components/convert_gm_to_channel_modal/convert_gm_to_channel_modal.scss
+++ b/webapp/channels/src/components/convert_gm_to_channel_modal/convert_gm_to_channel_modal.scss
@@ -7,7 +7,7 @@
         transition: height 200ms ease;
 
         &.multi-team {
-            height: 340px;
+            min-height: 340px;
         }
 
         &.single-team {
diff --git a/webapp/channels/src/components/widgets/inputs/url_input/url_input.scss b/webapp/channels/src/components/widgets/inputs/url_input/url_input.scss
index 28b2c8256c..e869196f40 100644
--- a/webapp/channels/src/components/widgets/inputs/url_input/url_input.scss
+++ b/webapp/channels/src/components/widgets/inputs/url_input/url_input.scss
@@ -10,15 +10,18 @@
     .url-input-container {
         display: flex;
         min-height: 32px;
+        flex-wrap: wrap;
         align-items: center;
         margin-top: 4px;
 
         .url-input-label {
+            max-width: 100%;
             flex: none;
             margin-right: 4px;
             color: rgba(var(--center-channel-color-rgb), 0.64);
             font-size: 12px;
             line-height: 17px;
+            overflow-wrap: anywhere;
         }
 
         .url-input-editable-container {