fix button padding, fix hover button - yes/no

This commit is contained in:
DmitriyB
2022-08-15 11:12:39 +05:00
parent fd886982ac
commit 66e5a49777
@@ -341,6 +341,24 @@
color: #FFFFFF; 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 { .toolbar-button.yes .toolbar-button-medium-view-icon {
width: 24px; width: 24px;
height: 24px; height: 24px;
@@ -352,6 +370,11 @@
background-color: #219653; background-color: #219653;
} }
.toolbar-button.yes:hover {
opacity: 1;
background-color: #2AC06A;
}
.toolbar-button.no .toolbar-button-medium-view-icon { .toolbar-button.no .toolbar-button-medium-view-icon {
width: 24px; width: 24px;
height: 24px; height: 24px;
@@ -363,6 +386,11 @@
background-color: #EB5757; background-color: #EB5757;
} }
.toolbar-button.no:hover {
opacity: 1;
background-color: #F08484;
}
.control-button { .control-button {
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;