diff options
| author | MrPaulBlack <paul@paulgo.io> | 2021-10-26 23:12:49 +0200 |
|---|---|---|
| committer | Markus Heiser <markus.heiser@darmarIT.de> | 2021-10-27 05:47:25 +0000 |
| commit | 8918fb3eb00dc80045a7a49250173565dcdfeb7a (patch) | |
| tree | b917676ec41b25320d47e88a871a91f76c9d4cc3 /searx/static/themes/simple/css/searxng.css | |
| parent | bcc313bcf8f3132d6dfb4dd33b41acfa64ce0634 (diff) | |
[build] /static
Diffstat (limited to 'searx/static/themes/simple/css/searxng.css')
| -rw-r--r-- | searx/static/themes/simple/css/searxng.css | 33 |
1 files changed, 28 insertions, 5 deletions
diff --git a/searx/static/themes/simple/css/searxng.css b/searx/static/themes/simple/css/searxng.css index 4d9523a8b..ce5846ae9 100644 --- a/searx/static/themes/simple/css/searxng.css +++ b/searx/static/themes/simple/css/searxng.css @@ -1992,6 +1992,7 @@ td:hover .engine-tooltip, background: inherit; border: inherit; padding: 0; + display: block; } .index .search_filters { display: block; @@ -2119,13 +2120,28 @@ td:hover .engine-tooltip, * SearXNG, A privacy-respecting, hackable metasearch engine */ #search { - padding: 0 2em 0 10rem; + padding: 1.5em 2em 0 6rem; margin: 0; background: var(--color-header-background); border-bottom: 1px solid var(--color-header-border); + display: grid; + column-gap: 1rem; + row-gap: 10px; + grid-template-columns: 3rem 1fr; + grid-template-areas: "logo search" "spacer categories"; +} +#search_logo { + grid-area: logo; +} +.search_logo_img { + width: 40px; +} +.search_categories { + grid-area: categories; } #search_wrapper { - padding: 20px 0 10px 0; + padding: 0; + grid-area: search; } .search_box { margin: 0 12px 0 0; @@ -2207,7 +2223,8 @@ td:hover .engine-tooltip, } @media screen and (max-width: 80em) { #search { - padding: 0 0.5rem; + padding: 1.5em 0.5rem 0 0.5rem; + column-gap: 0.5rem; } #categories { font-size: 90%; @@ -2244,10 +2261,16 @@ td:hover .engine-tooltip, width: 100%; margin: 0; padding: 0.1em 0 0 0; + column-gap: 0; + row-gap: 0; + grid-template-areas: "logo search" "categories categories"; + } + .search_logo { + padding: 0; } #search_wrapper { width: 100%; - margin: 0 0 0.7em 0; + margin: 0; padding: 0; } .search_box { @@ -2274,7 +2297,7 @@ td:hover .engine-tooltip, width: 100%; } .category label { - border-bottom: 0; + padding: 10px !important; } } #categories { |