From 55356144551d865a88122798d217260c8a4dbc7e Mon Sep 17 00:00:00 2001
From: Martti Malmi <sirius@iki.fi>
Date: Wed, 18 Oct 2023 11:26:41 +0300
Subject: [PATCH] SearchBox.css

---
 packages/app/src/Element/SearchBox.css | 31 +++++++++++++++++++++++++
 packages/app/src/Element/SearchBox.tsx |  1 +
 packages/app/src/Pages/Layout.css      | 32 --------------------------
 3 files changed, 32 insertions(+), 32 deletions(-)
 create mode 100644 packages/app/src/Element/SearchBox.css

diff --git a/packages/app/src/Element/SearchBox.css b/packages/app/src/Element/SearchBox.css
new file mode 100644
index 00000000..51192345
--- /dev/null
+++ b/packages/app/src/Element/SearchBox.css
@@ -0,0 +1,31 @@
+.search {
+  flex-grow: 1;
+  display: flex;
+  padding: 9px 16px;
+  background: var(--gray-superdark);
+  border-radius: 1000px;
+}
+
+.light .search {
+  background: #fff;
+  border: 1px solid var(--border-color);
+}
+
+.search input {
+  border: none !important;
+  border-radius: 0 !important;
+  font-size: 15px;
+  line-height: 21px;
+  padding: 0 !important;
+}
+
+@media (max-width: 768px) {
+  .search {
+    padding: unset;
+    background: unset;
+  }
+
+  .search input {
+    display: none;
+  }
+}
\ No newline at end of file
diff --git a/packages/app/src/Element/SearchBox.tsx b/packages/app/src/Element/SearchBox.tsx
index d607e8d9..b1068ae5 100644
--- a/packages/app/src/Element/SearchBox.tsx
+++ b/packages/app/src/Element/SearchBox.tsx
@@ -1,3 +1,4 @@
+import "./SearchBox.css";
 import Spinner from "../Icons/Spinner";
 import Icon from "../Icons/Icon";
 import { useIntl } from "react-intl";
diff --git a/packages/app/src/Pages/Layout.css b/packages/app/src/Pages/Layout.css
index 337b8d55..64ccf63c 100644
--- a/packages/app/src/Pages/Layout.css
+++ b/packages/app/src/Pages/Layout.css
@@ -60,38 +60,6 @@ header {
   }
 }
 
-.search {
-  flex-grow: 1;
-  display: flex;
-  padding: 9px 16px;
-  background: var(--gray-superdark);
-  border-radius: 1000px;
-}
-
-.light .search {
-  background: #fff;
-  border: 1px solid var(--border-color);
-}
-
-.search input {
-  border: none !important;
-  border-radius: 0 !important;
-  font-size: 15px;
-  line-height: 21px;
-  padding: 0 !important;
-}
-
-@media (max-width: 768px) {
-  .search {
-    padding: unset;
-    background: unset;
-  }
-
-  .search input {
-    display: none;
-  }
-}
-
 .stalker {
   position: fixed;
   top: 0;