From c6f7ce916bd46b9a4fd03b8e759908a9920a1ed9 Mon Sep 17 00:00:00 2001
From: gurjit03 <gurjitmehta@gmail.com>
Date: Mon, 20 Feb 2023 23:20:13 +0530
Subject: [PATCH] reduce auto-scroll width on small screen devices

---
 .../FloatingActions/components/FloatingActions.tsx       | 4 ++--
 src/scss/_auto-scroll-control.scss                       | 9 +++++++++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/js/components/FloatingActions/components/FloatingActions.tsx b/src/js/components/FloatingActions/components/FloatingActions.tsx
index 1870ca35d..bfa353ab7 100644
--- a/src/js/components/FloatingActions/components/FloatingActions.tsx
+++ b/src/js/components/FloatingActions/components/FloatingActions.tsx
@@ -60,7 +60,7 @@ export class FloatingActions extends React.PureComponent<IFloatingActionsProps,
             {isShowFullScreen &&
               <div
                 style={lastIconStyles}
-                className="floatingActionsControl">
+                className="floatingActionsControl hide-tablet">
                 <FullScreen />
               </div>}
             {isShowScrollToTop &&
@@ -72,4 +72,4 @@ export class FloatingActions extends React.PureComponent<IFloatingActionsProps,
       </div>
     )
   }
-}
\ No newline at end of file
+}
diff --git a/src/scss/_auto-scroll-control.scss b/src/scss/_auto-scroll-control.scss
index 3e317c902..ef0f2007c 100644
--- a/src/scss/_auto-scroll-control.scss
+++ b/src/scss/_auto-scroll-control.scss
@@ -73,6 +73,15 @@
       height: 30px;
       width: 30px;
     }
+
+    @media screen and (max-width: 700px) {
+      height: 35px;
+      width: 35px;
+      > svg {
+        height: 12px;
+        width: 12px;
+      }
+    }
   }
 
   &Speed {