small fix

src/components/home/Card.jsx

@@ -43,6 +43,10 @@ const Card = (props) => {
             transition: color 0.3s ease-in;
         }
 
+        h2 {
+            margin-top: 0;
+        }
+
         &:hover {
             box-shadow: 0 10px 40px rgb(${hexToRgb(props.color)});
             cursor: pointer;
@@ -56,7 +60,7 @@ const Card = (props) => {
             flex-direction: column;
             
             border-radius: 2vh;
-            padding: 3vw;
+            padding: 5vw;
         }
     `
 

src/components/home/css/card.css

@@ -34,6 +34,8 @@
 
         margin-left: 4vw;
         margin-right: 4vw;
+
+        padding-top: 0;
     }
 
     .ChatsList {

src/components/init/css/navButton.css

@@ -17,3 +17,16 @@
     font-weight: bold;
 }
 
+@media only screen and (max-width: 800px) {
+    .MyButton.singleNavButton p {
+        font-size: 2.5vh;
+    }
+
+    .MyButton.singleNavButton {
+        min-width: 60vw;
+        border-radius: 30vh;
+
+        margin-top: 3vh;
+    }
+}
+