From 322054d906d286abd835e6042bb4578b3345d9e8 Mon Sep 17 00:00:00 2001 From: Dmytro Ilnytskyy Date: Tue, 16 Jan 2024 20:51:52 +0200 Subject: [PATCH] EPMUII-8821: adjusted control and settings icons for mobile devices --- public/sprite.svg | 3 +++ src/ui/Button/Button.module.css | 6 +++--- src/ui/MobileSettings/MobileSettings.module.css | 2 ++ 3 files changed, 8 insertions(+), 3 deletions(-) diff --git a/public/sprite.svg b/public/sprite.svg index 693f7626..6c99d048 100644 --- a/public/sprite.svg +++ b/public/sprite.svg @@ -228,6 +228,9 @@ + + + diff --git a/src/ui/Button/Button.module.css b/src/ui/Button/Button.module.css index 29ccb7ab..9da35b8c 100644 --- 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; -} +} \ No newline at end of file diff --git a/src/ui/MobileSettings/MobileSettings.module.css b/src/ui/MobileSettings/MobileSettings.module.css index d333f8a4..81504738 100644 --- 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;