|
@@ -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 {
|