From e7b5817f9cb09be7dc37f43e0e035595a11a518f Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Fri, 22 Jul 2022 14:25:09 +0200
Subject: [PATCH] =?UTF-8?q?Poprawki=20responsywno=C5=9Bci?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SideBar.vue | 4 ++--
 src/views/Home.vue         | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/SideBar.vue b/src/components/SideBar.vue
index 97d6b4e..1f31337 100644
--- a/src/components/SideBar.vue
+++ b/src/components/SideBar.vue
@@ -71,7 +71,7 @@ export default defineComponent({
 
 .sidebar_content {
   display: grid;
-  grid-template-rows: repeat(4, 1fr);
+  grid-template-rows: repeat(3, 1fr);
   gap: 0.25em;
 
   font-size: 1.5em;
@@ -138,7 +138,7 @@ button.option-save {
 
   .sidebar_content {
     grid-template-rows: 1fr;
-    grid-template-columns: repeat(4, 1fr);
+    grid-template-columns: repeat(3, 1fr);
 
     & > button {
       height: 60px;
diff --git a/src/views/Home.vue b/src/views/Home.vue
index eaf0819..0c21d63 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -90,7 +90,6 @@ export default defineComponent({
 <style lang="scss" scoped>
 .home {
   min-height: 100vh;
-
   overflow-x: auto;
 
   .home_container {
@@ -98,10 +97,11 @@ export default defineComponent({
     flex-wrap: wrap;
     align-items: flex-start;
     justify-content: center;
-    margin-top: 1em;
+    padding: 2em 0;
 
     @media screen and (max-width: 650px) {
-      margin-top: 80px;
+      padding-top: 85px;
+      padding-bottom: 5em;
     }
   }