frontend: Select et Search responsive

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>

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%;
+    }
 }