From 280982a8d51da56f1f4010c581918e39e27faa2d Mon Sep 17 00:00:00 2001
From: Divlo <contact@divlo.fr>
Date: Thu, 19 Mar 2020 17:46:43 +0100
Subject: [PATCH] frontend: Select et Search responsive

---
 frontend/pages/functions.js             |  2 +-
 frontend/public/css/pages/functions.css | 16 +++++++++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/frontend/pages/functions.js b/frontend/pages/functions.js
index 0bad4d2..324adb7 100644
--- a/frontend/pages/functions.js
+++ b/frontend/pages/functions.js
@@ -18,7 +18,7 @@ const Functions = () => (
             </div>
 
             <div className="Functions__search-container row justify-content-center">
-                <select className="form-control">
+                <select className="Functions__select form-control">
                     {/* TODO: API Call to fetch categories */}
                     <option>Toutes catégories</option>
                     <option className="Functions__select-option" style={{ backgroundColor: "#406880" }}>✨ Utilitaires</option>
diff --git a/frontend/public/css/pages/functions.css b/frontend/public/css/pages/functions.css
index d249d58..44cd0fc 100644
--- a/frontend/public/css/pages/functions.css
+++ b/frontend/public/css/pages/functions.css
@@ -10,5 +10,19 @@
     color: rgb(221, 220, 220);
 }
 .Functions__search-input {
-    width: 35%;
+    width: 40%;
+}
+/* col-sm */
+@media (max-width: 576px) {
+    .Functions__search-container {
+        flex-direction: column;
+        align-items: center;
+    }
+    .Functions__select {
+        width: 90%;
+        margin-bottom: 5px;
+    }
+    .Functions__search-input {
+        width: 90%;
+    }
 }
\ No newline at end of file