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;