From ff321143aabd3b9b812f34ec07a47dfb18c818c2 Mon Sep 17 00:00:00 2001
From: b1ek <me@blek.codes>
Date: Mon, 8 May 2023 20:21:16 +1000
Subject: [PATCH] style submit button

---
 .../public/images/icons/search.svg              |  3 +++
 .../src/pages/IndexPage/index.jsx               | 17 +++++++++++++----
 2 files changed, 16 insertions(+), 4 deletions(-)
 create mode 100644 pairent_frontend_react/public/images/icons/search.svg

diff --git a/pairent_frontend_react/public/images/icons/search.svg b/pairent_frontend_react/public/images/icons/search.svg
new file mode 100644
index 0000000..fd52e98
--- /dev/null
+++ b/pairent_frontend_react/public/images/icons/search.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" class="bi bi-search" viewBox="0 0 16 16">
+  <path fill='#f9f9f9' d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
+</svg>
\ No newline at end of file
diff --git a/pairent_frontend_react/src/pages/IndexPage/index.jsx b/pairent_frontend_react/src/pages/IndexPage/index.jsx
index b6c144e..422118e 100644
--- a/pairent_frontend_react/src/pages/IndexPage/index.jsx
+++ b/pairent_frontend_react/src/pages/IndexPage/index.jsx
@@ -90,12 +90,20 @@ const SearchBarFilter = styled.div`
     border-radius: 12px;
     width: 100%;
     height: 56px;
-    margin-top: 12px;
+    margin: 12px 0;
     font-weight: 400
 `;
 
 const SubmitBtn = styled.button`
-    background: darkblue;
+    background: royalblue;
+    padding: 10px;
+    border-radius: 8px;
+    color: #f9f9f9;
+    font-weight: 700;
+
+    &:active {
+        background: #3759bf
+    }
 `;
 
 const FiltersForm = () => {
@@ -139,9 +147,10 @@ const FiltersForm = () => {
                         asbvccxcz
                     </SearchBarFilter>
 
-                    <button type='submit'>
+                    <SubmitBtn type='submit'>
+                        <SVGIcon src='/images/icons/search.svg' width='14' height='14' />
                         Показать варианты
-                    </button>
+                    </SubmitBtn>
                 </Filters>
             </Form>
         </Formik>