better way for spacing between selectable inputs and search bar

This commit is contained in:
svetlagasheva 2020-03-10 16:56:24 +02:00
parent 21ae30d33e
commit bdc951c0e4
2 changed files with 56 additions and 61 deletions

View file

@ -93,7 +93,6 @@ const Addons = ({ urlParams, queryParams }) => {
<NavBar className={styles['nav-bar']} backButton={true} title={'Addons'} />
<div className={styles['addons-content']}>
<div className={styles['selectable-inputs-container']}>
<div className={styles['selectable-inputs']}>
<Button className={styles['add-button-container']} title={'Add addon'} onClick={openAddAddonModal}>
<Icon className={styles['icon']} icon={'ic_plus'} />
<div className={styles['add-button-label']}>Add addon</div>
@ -105,7 +104,7 @@ const Addons = ({ urlParams, queryParams }) => {
className={styles['select-input-container']}
/>
))}
</div>
<div className={styles['spacing']} />
<label className={styles['search-bar-container']}>
<TextInput
className={styles['search-input']}

View file

@ -36,13 +36,6 @@
padding: 1.5rem 3rem;
overflow: visible;
.selectable-inputs {
flex: 1;
display: flex;
flex-direction: row;
margin-right: 1.5rem;
overflow: visible;
.add-button-container {
flex: none;
display: flex;
@ -93,6 +86,9 @@
overflow: auto;
}
}
.spacing {
flex: 1;
}
.search-bar-container {