4 files changed, 25 insertions, 7 deletions
diff --git a/searx/static/themes/simple/src/less/definitions.less b/searx/static/themes/simple/src/less/definitions.less
index 33b65a682..157cfeed1 100644
--- a/searx/static/themes/simple/src/less/definitions.less
+++ b/searx/static/themes/simple/src/less/definitions.less
@@ -220,6 +220,7 @@
 @tablet: 80em;
 @phone: 50em;
 @small-phone: 35em;
+@ultra-small-phone: 20rem;
 
 /// From style.less
 @stacked-bar-chart: rgb(0, 0, 0);
diff --git a/searx/static/themes/simple/src/less/search.less b/searx/static/themes/simple/src/less/search.less
index 794958594..b4818ba5d 100644
--- a/searx/static/themes/simple/src/less/search.less
+++ b/searx/static/themes/simple/src/less/search.less
@@ -18,10 +18,16 @@
 
 #search_logo {
   grid-area: logo;
-}
+  display: flex;
+  align-items: center;
+  justify-content: center;
 
-.search_logo_img {
-  width: 40px;
+  svg {
+    flex: 1;
+    width: 30px;
+    height: 30px;
+    margin: 0.5rem 0 auto 0;
+  }
 }
 
 .search_categories {
@@ -191,7 +197,7 @@
   }
 
   #q {
-    width: auto !important;
+    width: 100%;
     flex: 1;
   }
 
@@ -220,6 +226,18 @@
   }
 }
 
+@media screen and (max-width: @ultra-small-phone) {
+  #search {
+    grid-template-areas:
+      "search search"
+      "categories categories";
+  }
+
+  #search_logo {
+    display: none;
+  }
+}
+
 #categories {
   margin: 0 10px 0 0;
   .disable-user-select;
diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less
index 0d57772e1..b93317fa3 100644
--- a/searx/static/themes/simple/src/less/style.less
+++ b/searx/static/themes/simple/src/less/style.less
@@ -445,7 +445,7 @@ article[data-vim-selected].category-social {
   border: 1px solid var(--color-answer-border);
   background: var(--color-answer-background);
   padding: @result-padding;
-  margin: 1rem @results-tablet-offset;
+  margin: 1rem 0;
   margin-top: 0;
   color: var(--color-answer-font);
   .rounded-corners;
diff --git a/searx/static/themes/simple/src/less/toolkit.less b/searx/static/themes/simple/src/less/toolkit.less
index faed6ea9f..f11275576 100644
--- a/searx/static/themes/simple/src/less/toolkit.less
+++ b/searx/static/themes/simple/src/less/toolkit.less
@@ -157,7 +157,7 @@ div.selectable_url {
     vertical-align: text-top;
 
     &:hover {
-      background: transparent;
+      background: transparent !important;
     }
   }
 
@@ -267,7 +267,6 @@ div.selectable_url {
     border-bottom: 2px solid var(--color-categories-item-border-selected);
     background: var(--color-categories-item-selected);
     color: var(--color-categories-item-selected-font);
-    font-weight: bold;
     letter-spacing: -0.1px;
   }