mirror of https://github.com/lidarr/Lidarr
Fixed: Consistent icon position for toolbar buttons
Co-Authored-By: Mark McDowall <markus101@users.noreply.github.com>
This commit is contained in:
parent
a4d2ed6f31
commit
180763da69
|
@ -1,11 +1,16 @@
|
|||
.menuButton {
|
||||
composes: menuButton from '~./MenuButton.css';
|
||||
|
||||
padding-top: 4px;
|
||||
width: $toolbarButtonWidth;
|
||||
height: $toolbarHeight;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.labelContainer {
|
||||
composes: labelContainer from '~Components/Page/Toolbar/PageToolbarButton.css';
|
||||
}
|
||||
|
||||
.label {
|
||||
composes: label from '~Components/Page/Toolbar/PageToolbarButton.css';
|
||||
}
|
||||
|
|
|
@ -22,10 +22,12 @@ function ToolbarMenuButton(props) {
|
|||
size={21}
|
||||
/>
|
||||
|
||||
<div className={styles.labelContainer}>
|
||||
<div className={styles.label}>
|
||||
{text}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</MenuButton>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -1,6 +1,7 @@
|
|||
.toolbarButton {
|
||||
composes: link from '~Components/Link/Link.css';
|
||||
|
||||
padding-top: 4px;
|
||||
width: $toolbarButtonWidth;
|
||||
text-align: center;
|
||||
|
||||
|
@ -21,7 +22,7 @@
|
|||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: 16px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.label {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
|
||||
.section {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
align-items: stretch;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue