github/lidarr
1
0
Fork 0
mirror of https://github.com/lidarr/lidarr.git synced 2025-07-15 01:23:53 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Fixed: Consistent icon position for toolbar buttons

Browse source 
Co-Authored-By: Mark McDowall <markus101@users.noreply.github.com>
This commit is contained in:
Qstick 2019-03-26 21:58:16 -04:00
parent a4d2ed6f31
commit 180763da69
4 changed files with 12 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

5
frontend/src/Components/Menu/ToolbarMenuButton.css
View file

@ -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';
}

6
frontend/src/Components/Menu/ToolbarMenuButton.js
View file

@ -22,8 +22,10 @@ function ToolbarMenuButton(props) {
size={21}
/>
<div className={styles.label}>
{text}
<div className={styles.labelContainer}>
<div className={styles.label}>
{text}
</div>
</div>
</div>
</MenuButton>