From 024cfcc56e08a08515d659bc0b7de87bf823f454 Mon Sep 17 00:00:00 2001
From: Viktor Fomin <viktor.fomin@onlyoffice.com>
Date: Fri, 10 Nov 2023 14:57:58 +0300
Subject: [PATCH] Client: PortalSettings: WhiteLabel: fix style

---
 .../categories/common/Branding/StyledWhitelabel.js        | 8 ++++++--
 .../categories/common/Branding/whitelabel.js              | 8 ++++++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/packages/client/src/pages/PortalSettings/categories/common/Branding/StyledWhitelabel.js b/packages/client/src/pages/PortalSettings/categories/common/Branding/StyledWhitelabel.js
index 84f761e6e8..affcc1a57f 100644
--- a/packages/client/src/pages/PortalSettings/categories/common/Branding/StyledWhitelabel.js
+++ b/packages/client/src/pages/PortalSettings/categories/common/Branding/StyledWhitelabel.js
@@ -178,8 +178,8 @@ const WhiteLabelWrapper = styled.div`
     display: none;
   }
 
-  .save-cancel-buttons {
-    margin-top: 24px;
+  .spacer {
+    height: 24px;
   }
 
   @media ${mobile} {
@@ -187,6 +187,10 @@ const WhiteLabelWrapper = styled.div`
     .header-container {
       display: none;
     }
+
+    .spacer {
+      height: ${(props) => (props.showReminder ? "64px" : "24px")};
+    }
   }
 `;
 
diff --git a/packages/client/src/pages/PortalSettings/categories/common/Branding/whitelabel.js b/packages/client/src/pages/PortalSettings/categories/common/Branding/whitelabel.js
index faa4d94aa1..db5b42cc29 100644
--- a/packages/client/src/pages/PortalSettings/categories/common/Branding/whitelabel.js
+++ b/packages/client/src/pages/PortalSettings/categories/common/Branding/whitelabel.js
@@ -204,11 +204,12 @@ const WhiteLabel = (props) => {
 
   const isEqualLogo = isEqual(logoUrlsWhiteLabel, defaultWhiteLabelLogoUrls);
   const isEqualText = defaultLogoTextWhiteLabel === logoTextWhiteLabel;
+  const showReminder = !isEqualLogo || !isEqualText;
 
   return !isLoadedData ? (
     <LoaderWhiteLabel />
   ) : (
-    <WhiteLabelWrapper>
+    <WhiteLabelWrapper showReminder={showReminder}>
       <Text className="subtitle">{t("BrandingSubtitle")}</Text>
 
       <div className="header-container">
@@ -466,6 +467,8 @@ const WhiteLabel = (props) => {
         </div>
       </div>
 
+      <div className="spacer"></div>
+
       <SaveCancelButtons
         tabIndex={3}
         className="save-cancel-buttons"
@@ -475,7 +478,8 @@ const WhiteLabel = (props) => {
         cancelButtonLabel={t("Common:Restore")}
         displaySettings={true}
         hasScroll={true}
-        showReminder={!isEqualLogo || !isEqualText}
+        hideBorder={true}
+        showReminder={showReminder}
         reminderText={t("YouHaveUnsavedChanges")}
         saveButtonDisabled={isEqualLogo && isEqualText}
         disableRestoreToDefault={!enableRestoreButton}