1 files changed, 32 insertions, 33 deletions

diff --git a/client/simple/src/less/search.less b/client/simple/src/less/search.less
index 260f5e942..ae8dac8ad 100644
--- a/client/simple/src/less/search.less
+++ b/client/simple/src/less/search.less
@@ -6,7 +6,7 @@
 }
 
 #search_header {
-  padding-top: 1.5em;
+  padding-top: 0.5em;
   .ltr-padding-right(2em);
   .ltr-padding-left(@results-offset - 3rem);
   margin: 0;
@@ -14,10 +14,10 @@
   border-bottom: 1px solid var(--color-header-border);
   display: grid;
   gap: 1rem 1.2rem;
-  grid-template-columns: 3rem 1fr;
+  grid-template-columns: 3rem 0.9fr 0.05fr;
   grid-template-areas:
-    "logo search"
-    "spacer categories";
+    "logo search filters"
+    "categories categories categories";
 }
 
 .category_checkbox,
@@ -96,7 +96,7 @@ button.category_button {
 }
 
 #search_logo {
-  padding: 0.5rem 10px 0 10px;
+  padding: 0 0 0 0;
   grid-area: logo;
   display: flex;
   align-items: center;
@@ -129,11 +129,11 @@ button.category_button {
 }
 
 #search_view {
-  padding: 0.5rem @search-padding-horizontal 0 @search-padding-horizontal;
+  padding: 0;
   grid-area: search;
 
   body.results_endpoint & {
-    padding: 0.5rem 2.8rem 0 0;
+    padding: 0 0 0 0;
   }
 }
 
@@ -211,13 +211,9 @@ html.no-js #clear_search.hide_if_nojs {
 }
 
 .search_filters {
-  margin-top: 0.6rem;
-  .ltr-margin-right(0);
   margin-bottom: 0;
-  .ltr-margin-left(@results-offset + 0.6rem);
-  display: flex;
-  overflow-x: auto;
-  overscroll-behavior-inline: contain;
+  display: grid;
+  gap: 0 0;
 
   select {
     background-color: inherit;
@@ -229,19 +225,20 @@ html.no-js #clear_search.hide_if_nojs {
   }
 }
 
-@media screen and (max-width: @tablet) {
-  #search_header {
-    padding: 1.5em @results-tablet-offset 0 @results-tablet-offset;
-    column-gap: @results-tablet-offset;
-  }
+.language {
+  grid-column: span 2;
+  height: 1.5rem;
+}
 
-  .search_filters {
-    margin-top: 0.6rem;
-    .ltr-margin-right(0);
-    margin-bottom: 0;
-    .ltr-margin-left(@results-tablet-offset + 3rem);
-  }
+.time_range {
+  height: 1.5rem;
+}
 
+.safesearch {
+  height: 1.5rem;
+}
+
+@media screen and (max-width: @tablet) {
   #categories {
     font-size: 90%;
     clear: both;
@@ -270,15 +267,22 @@ html.no-js #clear_search.hide_if_nojs {
 
 @media screen and (max-width: @phone) {
   #search_header {
-    width: 100%;
-    margin: 0;
-    padding: 0.1rem 0 0 0;
-    gap: 0 0;
+    gap: 0.5rem 0;
+    grid-template-columns: 3rem 100%-13rem;
     grid-template-areas:
       "logo search"
+      "logo filters"
       "categories categories";
   }
 
+  #search_view {
+    align-items: center;
+  }
+
+  #search_filters {
+    gap: 1rem 1rem;
+  }
+
   .search_logo {
     padding: 0;
   }
@@ -292,11 +296,6 @@ html.no-js #clear_search.hide_if_nojs {
     flex: 1;
   }
 
-  .search_filters {
-    margin: 0 10px;
-    padding: 0.5rem 0;
-  }
-
   .category {
     display: inline-block;
     width: auto;