From 525e10a0d69a6e31e4059350f7788095c84760c0 Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Sat, 4 Jul 2015 00:45:56 +0300
Subject: [PATCH] gallery fix;

---
 assets/style/gallery.scss    | 21 +++++++++++++++------
 templates/views/gallery.html |  1 +
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/assets/style/gallery.scss b/assets/style/gallery.scss
index a43f0262..84486fd7 100644
--- a/assets/style/gallery.scss
+++ b/assets/style/gallery.scss
@@ -1,6 +1,5 @@
 .gallery-block {
-  width: 90%;
-  margin: 0 auto;
+  margin: 2em 0 0;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
@@ -8,14 +7,24 @@
 }
 
 .gallery-album {
-  margin: 0 20px 30px;
-}
+  margin: 0 1em 2em;
 
-.gallery-album img {
-  max-width: 400px;
+  h3{
+    margin: 0 0 0.35em;
+  }
+
+  img {
+    max-width: 100%;
+  }
 }
 
 .album-block {
   width: 70%;
   margin: 0 auto;
+}
+
+@media (max-width: 31.25em) {
+  .gallery-album {
+    margin: 0 0 1em;
+  }
 }
\ No newline at end of file
diff --git a/templates/views/gallery.html b/templates/views/gallery.html
index 1ac1a2d7..50888c09 100644
--- a/templates/views/gallery.html
+++ b/templates/views/gallery.html
@@ -4,6 +4,7 @@
         <a href="{{album.url}}" class="invisible">
             <img ng-src="{{album.preview_url}}" alt=""/>
         </a>
+
         <!--<div class="fotorama" g-fotorama content="album.content"></div>-->
     </div>
 </div>