From 08b71e954815fb80591f0414dfd763da31b588bf Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Tue, 3 Oct 2023 11:31:50 +0200
Subject: [PATCH] style(home): add better styling to boards box for mobile

---
 src/components/styled/views/Home.styled.jsx | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/components/styled/views/Home.styled.jsx b/src/components/styled/views/Home.styled.jsx
index 92d81fc1..b93ebf55 100644
--- a/src/components/styled/views/Home.styled.jsx
+++ b/src/components/styled/views/Home.styled.jsx
@@ -103,7 +103,7 @@ export const Search = styled.div`
       padding: 5px;
       box-sizing: border-box;
       vertical-align: top;
-      width: 60px;
+      width: 70px;
       -webkit-appearance: none;
     }
   }
@@ -244,6 +244,24 @@ export const BoardsBox = styled.div`
       }
     }
   }
+
+  @media (max-width: 480px) {
+    .boxbar {
+      padding-left: 0.25em;
+    }
+
+    .boxcontent {
+      font-size: 1.05em;
+      padding: 0.25em;
+      line-height: 2em;
+
+      .column {
+        width: 44%;
+        margin-bottom: 10px;
+        margin-right: 20px;
+      }
+    }
+  }
 `;
 
 export const BoardsContent = styled.div`