[build] /static

searx/static/themes/simple/css/searxng-rtl.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 {

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 {