EPMUII-8821: adjusted control and settings icons for mobile devices

epam · Jan 16, 2024 · 322054d · 322054d
1 parent d9c6276
commit 322054d
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/public/sprite.svg b/public/sprite.svg
diff --git a/src/ui/Button/Button.module.css b/src/ui/Button/Button.module.css
@@ -49,8 +49,8 @@ button:hover,
 }
 
 .button > svg {
-  width: 42px;
-  height: 42px;
+  width: 24px;
+  height: 24px;
 }
 
 @media screen and (min-width: 768px) {
@@ -235,4 +235,4 @@ button:hover,
 
 .button_select_file svg {
   margin-right: 10px;
-}
+}
diff --git a/src/ui/MobileSettings/MobileSettings.module.css b/src/ui/MobileSettings/MobileSettings.module.css
@@ -53,6 +53,8 @@
 
 .settings__menu_block {
   display: flex;
+  flex-direction: column;
+  gap: 4vh;
   justify-content: space-around;
   position: absolute;
   top: 0;