From 383bf9b71aea444c06365610e4713d5b69e08a8b Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaadmahmood@users.noreply.github.com>
Date: Tue, 21 May 2024 00:20:26 -0700
Subject: [PATCH] Minor UI fixes (#27022)

* MM-58170 - Updating remove license modal

* MM-58211 - Updating color on sign up page url

* updating css

---------

Co-authored-by: Mattermost Build <build@mattermost.com>
---
 .../modals/confirm_license_removal_modal.scss                 | 4 ----
 .../license_settings/modals/confirm_license_removal_modal.tsx | 2 +-
 .../components/switch_to_yearly_plan_confirm_modal/index.tsx  | 2 +-
 webapp/channels/src/sass/routes/_signup.scss                  | 1 +
 .../platform/components/src/generic_modal/generic_modal.scss  | 4 ++++
 5 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/webapp/channels/src/components/admin_console/license_settings/modals/confirm_license_removal_modal.scss b/webapp/channels/src/components/admin_console/license_settings/modals/confirm_license_removal_modal.scss
index 2587c95648..ad9652fba6 100644
--- a/webapp/channels/src/components/admin_console/license_settings/modals/confirm_license_removal_modal.scss
+++ b/webapp/channels/src/components/admin_console/license_settings/modals/confirm_license_removal_modal.scss
@@ -18,10 +18,6 @@
         align-items: center;
         justify-content: center;
 
-        .alert-svg {
-            margin-top: -20px;
-        }
-
         .title {
             margin: 10px 0;
             color: var(--sys-denim-center-channel-text);
diff --git a/webapp/channels/src/components/admin_console/license_settings/modals/confirm_license_removal_modal.tsx b/webapp/channels/src/components/admin_console/license_settings/modals/confirm_license_removal_modal.tsx
index 2a98d57d4c..adfc1fbc7a 100644
--- a/webapp/channels/src/components/admin_console/license_settings/modals/confirm_license_removal_modal.tsx
+++ b/webapp/channels/src/components/admin_console/license_settings/modals/confirm_license_removal_modal.tsx
@@ -56,7 +56,7 @@ const ConfirmLicenseRemovalModal: React.FC<Props> = (props: Props): JSX.Element
         >
             <>
                 <div className='content-body'>
-                    <div className='alert-svg'>
+                    <div className='no-header__img alert-svg'>
                         <AlertSvg
                             width={150}
                             height={150}
diff --git a/webapp/channels/src/components/switch_to_yearly_plan_confirm_modal/index.tsx b/webapp/channels/src/components/switch_to_yearly_plan_confirm_modal/index.tsx
index c32707cbf6..4759da2106 100644
--- a/webapp/channels/src/components/switch_to_yearly_plan_confirm_modal/index.tsx
+++ b/webapp/channels/src/components/switch_to_yearly_plan_confirm_modal/index.tsx
@@ -60,7 +60,7 @@ const SwitchToYearlyPlanConfirmModal: React.FC<Props> = (props: Props): JSX.Elem
         >
             <>
                 <div className='content-body'>
-                    <div className='alert-svg'>
+                    <div className='no-header__img'>
                         <Svg
                             width={300}
                             height={300}
diff --git a/webapp/channels/src/sass/routes/_signup.scss b/webapp/channels/src/sass/routes/_signup.scss
index 3c318e441e..f29b3af9c6 100644
--- a/webapp/channels/src/sass/routes/_signup.scss
+++ b/webapp/channels/src/sass/routes/_signup.scss
@@ -195,6 +195,7 @@ body {
                 display: table-cell;
                 overflow: hidden;
                 width: 50%;
+                color: inherit;
                 text-align: left;
                 text-overflow: ellipsis;
             }
diff --git a/webapp/platform/components/src/generic_modal/generic_modal.scss b/webapp/platform/components/src/generic_modal/generic_modal.scss
index 425c692662..c73953c0f5 100644
--- a/webapp/platform/components/src/generic_modal/generic_modal.scss
+++ b/webapp/platform/components/src/generic_modal/generic_modal.scss
@@ -18,6 +18,10 @@
         }
     }
 
+    .no-header__img {
+        margin-top: -40px;
+    }
+
     .modal-body {
         max-height: 100%;
         padding: 0;