diff options
| author | Adam Tauber <asciimoo@gmail.com> | 2016-07-27 02:08:24 +0200 |
|---|---|---|
| committer | Adam Tauber <asciimoo@gmail.com> | 2016-07-27 02:08:24 +0200 |
| commit | bf92aa3fdd7e6343b1aca55515a94b4de1c5ce30 (patch) | |
| tree | 755373286e56feb1d2a85b990435d60eabcb2900 /searx/static/themes/oscar/less/pointhi/search.less | |
| parent | 350a84520d9da2499ffd5b0fbe6218692f2a330d (diff) | |
[fix] wrap categories on small screens ++ some code formatting - closes #647
Diffstat (limited to 'searx/static/themes/oscar/less/pointhi/search.less')
| -rw-r--r-- | searx/static/themes/oscar/less/pointhi/search.less | 16 |
1 files changed, 10 insertions, 6 deletions
diff --git a/searx/static/themes/oscar/less/pointhi/search.less b/searx/static/themes/oscar/less/pointhi/search.less index d12b69d31..cea67998f 100644 --- a/searx/static/themes/oscar/less/pointhi/search.less +++ b/searx/static/themes/oscar/less/pointhi/search.less @@ -1,19 +1,23 @@ .search_categories, #categories { text-transform: capitalize; - margin-bottom:1.5rem; - margin-top:1.5rem; + margin-bottom: 1.5rem; + margin-top: 1.5rem; + display: flex; + flex-wrap: wrap; + align-content: stretch; label, .input-group-addon { + flex-grow: 1; + flex-basis: auto; font-size: 1.3rem; - font-weight:normal; + font-weight: normal; background-color: white; border: #DDD 1px solid; border-right: none; color: #333; padding-bottom: 0.8rem; padding-top: 0.8rem; - padding-left: 1.2rem; - padding-right: 1.2rem; + text-align: center; } label:last-child, .input-group-addon:last-child { @@ -22,7 +26,7 @@ input[type="checkbox"]:checked + label{ color: black; - font-weight:bold; + font-weight: bold; background-color: #EEE; } } |