From e782ef348ba32b82be528611aa73e272a10afd61 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Thu, 30 Nov 2023 01:12:06 +0300
Subject: [PATCH] Profile settings buttons style fixes

---
 src/components/ProfileSettings/ProfileSettings.tsx |  7 ++++++-
 src/pages/profile/Settings.module.scss             | 14 ++++++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/components/ProfileSettings/ProfileSettings.tsx b/src/components/ProfileSettings/ProfileSettings.tsx
index 4d515194..c0910595 100644
--- a/src/components/ProfileSettings/ProfileSettings.tsx
+++ b/src/components/ProfileSettings/ProfileSettings.tsx
@@ -348,7 +348,12 @@ export const ProfileSettings = () => {
                         <Button
                           class={styles.cancel}
                           variant="light"
-                          value={t('Cancel changes')}
+                          value={
+                            <>
+                              <span class={styles.cancelLabel}>{t('Cancel changes')}</span>
+                              <span class={styles.cancelLabelMobile}>{t('Cancel')}</span>
+                            </>
+                          }
                           onClick={handleCancel}
                         />
                         <Button onClick={handleSubmit} variant="primary" value={t('Save settings')} />
diff --git a/src/pages/profile/Settings.module.scss b/src/pages/profile/Settings.module.scss
index 4ea3cb1d..898b2496 100644
--- a/src/pages/profile/Settings.module.scss
+++ b/src/pages/profile/Settings.module.scss
@@ -302,6 +302,20 @@ h5 {
     padding: 0.8rem 0 !important;
   }
 
+  .cancelLabel {
+    @include media-breakpoint-down(sm) {
+      display: none;
+    }
+  }
+
+  .cancelLabelMobile {
+    display: none;
+
+    @include media-breakpoint-down(sm) {
+      display: block;
+    }
+  }
+
   :global(.row) > * {
     margin-bottom: 0;
   }