From 769fd6ae7d17c1eb7c4ff4fa812a9d6db62d8e11 Mon Sep 17 00:00:00 2001
From: Kamil Niemczycki <kamilniemczycki@gmail.com>
Date: Thu, 6 Jan 2022 10:51:51 +0100
Subject: [PATCH] Fixed style for mobile devices

---
 scss/default.scss         | 14 ++++++++------
 src/components/Footer.vue |  4 ++++
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/scss/default.scss b/scss/default.scss
index 70495f0..65bc30a 100644
--- a/scss/default.scss
+++ b/scss/default.scss
@@ -23,6 +23,14 @@ p {
 .container {
   max-width: 1200px;
   margin: 0 auto;
+
+  @include media-large {
+    padding: 0 10px;
+  }
+
+  @include media-small {
+    padding: 0 20px;
+  }
 }
 
 .loading {
@@ -38,9 +46,3 @@ p {
     animation: loading-animation 1s linear infinite;
   }
 }
-
-@include media-small {
-  .container {
-    padding: 0 20px;
-  }
-}
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 5dfd632..d738d31 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -84,6 +84,10 @@
           }
         }
 
+        @include media-mobile {
+          padding-right: 0;
+        }
+
         &:last-child {
           margin-right: 0;
         }