github/karma
1
0
Fork 0
mirror of https://github.com/prymitive/karma synced 2026-05-05 03:16:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): silence browser controls should switch from row to columns on small screen

Browse Source
This commit is contained in:
Łukasz Mierzwa
2019-10-27 07:59:06 +00:00
parent 791219b152
commit 40eedc8156
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
ui/src/Components/SilenceModal/Browser/index.js
View File

@@ -162,7 +162,7 @@ const Browser = observer(
return (
<React.Fragment>
<div
className="d-flex justify-content-between mb-3"
className="d-flex flex-fill flex-lg-row flex-column justify-content-between mb-3"
data-refresh={settingsStore.fetchConfig.config.interval}
>
<span className="custom-control custom-switch my-auto flex-grow-0 flex-shrink-0">
@@ -186,7 +186,7 @@ const Browser = observer(
</span>
<input
type="text"
className="form-control flex-grow-1 flex-shrink-1 mx-3"
className="form-control flex-grow-1 flex-shrink-1 mx-lg-3 mx-0 my-lg-0 my-2"
placeholder="Search query"
value={this.dataSource.searchTerm}
autoComplete="off"