From 66e5a497774ca0ba04b064ca4bf92e70b2bbb57b Mon Sep 17 00:00:00 2001 From: DmitriyB Date: Mon, 15 Aug 2022 11:12:39 +0500 Subject: [PATCH] fix button padding, fix hover button - yes/no --- src/components/mainScreen/toolbar/toolbar.css | 28 +++++++++++++++++++ 1 file changed, 28 insertions(+) diff --git a/src/components/mainScreen/toolbar/toolbar.css b/src/components/mainScreen/toolbar/toolbar.css index 20b76db..869bcbc 100644 --- a/src/components/mainScreen/toolbar/toolbar.css +++ b/src/components/mainScreen/toolbar/toolbar.css @@ -341,6 +341,24 @@ color: #FFFFFF; } +.toolbar-button.yes { + padding-left: 24.5px; +} + +.toolbar-button.yes .toolbar-button-medium-view { + width: 100%; + justify-content: flex-start; +} + +.toolbar-button.no { + padding-left: 16px; +} + +.toolbar-button.no .toolbar-button-medium-view { + width: 100%; + justify-content: flex-start; +} + .toolbar-button.yes .toolbar-button-medium-view-icon { width: 24px; height: 24px; @@ -352,6 +370,11 @@ background-color: #219653; } +.toolbar-button.yes:hover { + opacity: 1; + background-color: #2AC06A; +} + .toolbar-button.no .toolbar-button-medium-view-icon { width: 24px; height: 24px; @@ -363,6 +386,11 @@ background-color: #EB5757; } +.toolbar-button.no:hover { + opacity: 1; + background-color: #F08484; +} + .control-button { box-sizing: border-box; display: flex;