Mirrors/Radarr
1
0
Fork 0
mirror of https://github.com/Radarr/Radarr.git synced 2024-09-17 15:02:34 +02:00
Code Issues Releases Wiki Activity

Fix some styling issues in Quality Profile and Release Profiles

Browse Source
This commit is contained in:
Mark McDowall 2020-05-30 10:11:34 -07:00 committed by Qstick
parent 70a2da0f74
commit 1209e3cefb
4 changed files with 44 additions and 26 deletions
Show Stats 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, .keyInput,
.valueInput { .valueInput {
width: 100%;
border: none; border: none;
} }

59
frontend/src/Components/Form/KeyValueListInputItem.js
View File

@ -63,34 +63,41 @@ class KeyValueListInputItem extends Component {
return ( return (
<div className={styles.itemContainer}> <div className={styles.itemContainer}>
<TextInput <div className={styles.inputWrapper}>
className={styles.keyInput} <TextInput
name="key" className={styles.keyInput}
value={keyValue} name="key"
placeholder={keyPlaceholder} value={keyValue}
onChange={this.onKeyChange} placeholder={keyPlaceholder}
onFocus={this.onFocus} onChange={this.onKeyChange}
onBlur={this.onBlur} onFocus={this.onFocus}
/> onBlur={this.onBlur}
/>
</div>
<TextInput <div className={styles.inputWrapper}>
className={styles.valueInput} <TextInput
name="value" className={styles.valueInput}
value={value} name="value"
placeholder={valuePlaceholder} value={value}
onChange={this.onValueChange} placeholder={valuePlaceholder}
onFocus={this.onFocus} onChange={this.onValueChange}
onBlur={this.onBlur} onFocus={this.onFocus}
/> onBlur={this.onBlur}
/>
</div>
{ <div className={styles.buttonWrapper}>
!isNew && {
<IconButton isNew ?
name={icons.REMOVE} null :
tabIndex={-1} <IconButton
onPress={this.onRemovePress} name={icons.REMOVE}
/> tabIndex={-1}
} onPress={this.onRemovePress}
/>
}
</div>
</div> </div>
); );
} }

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

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

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

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