github/lidarr
1
0
Fork 0
mirror of https://github.com/lidarr/lidarr.git synced 2025-07-12 16:13:58 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Fixed: Styling issues in Quality Profile and Release Profiles

Browse source
This commit is contained in:
Qstick 2020-06-29 21:48:02 -04:00
parent 1c1158d74c
commit 21b6d9e2eb
4 changed files with 44 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

9
frontend/src/Components/Form/KeyValueListInputItem.css
View file

@ -8,7 +8,16 @@
}
}
.inputWrapper {
flex: 1 0 0;
}
.buttonWrapper {
flex: 0 0 22px;
}
.keyInput,
.valueInput {
width: 100%;
border: none;
}

9
frontend/src/Components/Form/KeyValueListInputItem.js
View file

@ -63,6 +63,7 @@ class KeyValueListInputItem extends Component {
return (
<div className={styles.itemContainer}>
<div className={styles.inputWrapper}>
<TextInput
className={styles.keyInput}
name="key"
@ -72,7 +73,9 @@ class KeyValueListInputItem extends Component {
onFocus={this.onFocus}
onBlur={this.onBlur}
/>
</div>
<div className={styles.inputWrapper}>
<TextInput
className={styles.valueInput}
name="value"
@ -82,9 +85,12 @@ class KeyValueListInputItem extends Component {
onFocus={this.onFocus}
onBlur={this.onBlur}
/>
</div>
<div className={styles.buttonWrapper}>
{
!isNew &&
isNew ?
null :
<IconButton
name={icons.REMOVE}
tabIndex={-1}
@ -92,6 +98,7 @@ class KeyValueListInputItem extends Component {
/>
}
</div>
</div>
);
}
}

1
frontend/src/Settings/Profiles/Quality/QualityProfileItem.css
View file

@ -48,6 +48,7 @@
composes: buton from '~Components/Link/IconButton.css';
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-right: 5px;

1
frontend/src/Settings/Profiles/Quality/QualityProfileItemGroup.css
View file

@ -74,6 +74,7 @@
composes: buton from '~Components/Link/IconButton.css';
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-right: 5px;