From b5c41faa036f464522f48395b32988fc684e9f97 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sat, 7 Jan 2023 22:52:20 +0100
Subject: [PATCH] Mobile optimized the ManageArea

---
 .../Home/components/ManageArea/styles.sass    | 27 +++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/admin/src/pages/Home/components/ManageArea/styles.sass b/admin/src/pages/Home/components/ManageArea/styles.sass
index 6ff7a61..9ef6bdf 100644
--- a/admin/src/pages/Home/components/ManageArea/styles.sass
+++ b/admin/src/pages/Home/components/ManageArea/styles.sass
@@ -3,9 +3,32 @@
   margin-right: 3rem
   margin-top: 2rem
   display: flex
-  justify-content: space-between
+  gap: 1rem
+  flex-wrap: wrap
   align-items: center
+  transition: all 0.5s ease-in-out
 
 .manage-area .right-area
   display: flex
-  gap: 1rem
\ No newline at end of file
+  gap: 1rem
+
+@media screen and (max-width: 1024px)
+  .manage-area
+    margin: 2rem 3rem 1rem
+  .manage-area .textbox-input
+    font-size: 18pt
+  .manage-area .btn
+    font-size: 18pt
+
+@media screen and (max-width: 768px)
+  .manage-area
+    margin: 1rem 2rem 0
+    justify-content: center
+  .manage-area .textbox-input
+    width: 12rem
+
+@media screen and (max-width: 425px)
+  .manage-area
+    margin: 1rem
+  .manage-area .textbox-input
+    width: 12rem