self-hosted/Sonarr
1
0
Fork 0
mirror of https://github.com/Sonarr/Sonarr.git synced 2024-12-14 11:23:42 +02:00
Code Issues Releases Activity

Fixed: Consistent icon position for toolbar buttons

Browse Source
This commit is contained in:
Mark McDowall 2019-03-23 11:24:00 -07:00
parent 50a968ace8
commit 775c8780a6
4 changed files with 12 additions and 4 deletions
Show Stats 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';
}

2
frontend/src/Components/Menu/ToolbarMenuButton.js
View File

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

3
frontend/src/Components/Page/Toolbar/PageToolbarButton.css
View File

@ -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 {

2
frontend/src/Components/Page/Toolbar/PageToolbarSection.css
View File

@ -6,7 +6,7 @@
.section {
display: flex;
align-items: center;
align-items: stretch;
flex-grow: 1;
}