From 182376f97dd9e3cc116d9b3c8771f9c7076bf085 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Danyi=20D=C3=A1vid?= <danyi.david@gmail.com>
Date: Mon, 9 Jul 2018 11:28:27 +0200
Subject: [PATCH] * mobile layout margin and padding changes

---
 src/app/gallery/album/album.component.css         | 4 +++-
 src/app/gallery/gallery/gallery.component.css     | 4 +++-
 src/app/gallery/thumbnail/thumbnail.component.css | 7 +++++++
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/app/gallery/album/album.component.css b/src/app/gallery/album/album.component.css
index 4b848f9..6e881cd 100644
--- a/src/app/gallery/album/album.component.css
+++ b/src/app/gallery/album/album.component.css
@@ -2,7 +2,6 @@
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 80px;
-    padding-left: 10px;
 }
 
 .row {
@@ -29,6 +28,9 @@ a:hover {
     .row {
         column-count: 1;
     }
+    .main.container {
+        margin-bottom: 0;
+    }
 }
 
 /* tablet */
diff --git a/src/app/gallery/gallery/gallery.component.css b/src/app/gallery/gallery/gallery.component.css
index b3d178d..0c2c508 100644
--- a/src/app/gallery/gallery/gallery.component.css
+++ b/src/app/gallery/gallery/gallery.component.css
@@ -2,7 +2,6 @@
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 80px;
-    padding-left: 10px;
 }
 
 .row {
@@ -15,6 +14,9 @@
     .row {
         column-count: 1;
     }
+    .main.container {
+        margin-bottom: 0;
+    }
 }
 
 /* tablet */
diff --git a/src/app/gallery/thumbnail/thumbnail.component.css b/src/app/gallery/thumbnail/thumbnail.component.css
index 4600fa4..41c4bdc 100644
--- a/src/app/gallery/thumbnail/thumbnail.component.css
+++ b/src/app/gallery/thumbnail/thumbnail.component.css
@@ -3,6 +3,13 @@
     margin: 0 0 20px 0;
 }
 
+/* mobile */
+@media only screen and (max-width: 779px) {
+    :host {
+        margin-bottom: 10px;
+    }
+}
+
 img {
     width: 100%;
     height: auto;