Style mobile detached search button

oursky · May 30, 2024 · 390e0ef · 390e0ef
1 parent 4f6c24c
commit 390e0ef
Showing 1 changed file with 28 additions and 1 deletion.
diff --git a/src/styles/search.css b/src/styles/search.css
@@ -48,13 +48,40 @@
   margin: 0;
 }
 
+.aa-ItemWrapper {
+  height: 100%;
+}
+
 /* Mobile */
 
 .aa-DetachedFormContainer {
   height: 64px;
   padding: 8px 4px;
 }
 
-.aa-ItemWrapper {
+.aa-DetachedSearchButton {
   height: 100%;
+  border-radius: 9px;
+  padding: 0;
+}
+
+.aa-DetachedSearchButtonIcon {
+  background-image: url("/Images/search.svg");
+  background-repeat: no-repeat;
+  background-position: center;
+  width: 47px;
+  margin: 0 0 0 6px;
+  padding: 0;
+}
+
+.aa-DetachedSearchButton:active {
+  background-color: #f9f9f9;
+}
+
+.aa-DetachedSearchButton:focus {
+  outline: none;
+  border: 1px solid
+    rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));
+  box-shadow: none;
+  background-color: #e5e5e5;
 }