From baa4a234f93f3f3c286b285649032048f0057a0a Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Wed, 30 May 2018 14:57:17 -0300
Subject: [PATCH] Changes responsivines on grid view mode (need discussion).

---
 src/assets/scss/_view-mode-grid.scss | 7 +++++--
 src/tainacan/view-mode-grid.php      | 2 +-
 src/tainacan/view-mode-mosaic.php    | 4 ++--
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/assets/scss/_view-mode-grid.scss b/src/assets/scss/_view-mode-grid.scss
index ce1a7b3..a62a9cf 100644
--- a/src/assets/scss/_view-mode-grid.scss
+++ b/src/assets/scss/_view-mode-grid.scss
@@ -1,8 +1,11 @@
 .tainacan-grid-container {
     padding: 30px 4.166666667%;
 
+    .row { justify-content: flex-start; }
+    .col { flex-grow: 0; }
+
     .tainacan-grid {
-        padding: 12px 44px 24px 44px;
+        padding: 12px 24px 24px 24px;
         text-align: center;
 
         img {
@@ -19,7 +22,7 @@
             white-space: nowrap;
             overflow: hidden;
             padding: 0.75rem 1.5rem;
-            text-align: center;
+            text-align: left;
         }    
     
     }
diff --git a/src/tainacan/view-mode-grid.php b/src/tainacan/view-mode-grid.php
index 717a12f..084a5e3 100644
--- a/src/tainacan/view-mode-grid.php
+++ b/src/tainacan/view-mode-grid.php
@@ -4,7 +4,7 @@
 
         <div class="row no-gutters">
         <?php while (have_posts()): the_post(); ?>
-            <div class="col col-md-12 col-lg-6 col-xl-4">
+            <div class="col">
                 <div class="tainacan-grid">
                     <?php the_post_thumbnail('medium'); ?>
                     <p class="metadata-title"><?php the_title(); ?></p>
diff --git a/src/tainacan/view-mode-mosaic.php b/src/tainacan/view-mode-mosaic.php
index 19a61b4..f116db6 100644
--- a/src/tainacan/view-mode-mosaic.php
+++ b/src/tainacan/view-mode-mosaic.php
@@ -5,10 +5,10 @@
         <?php while (have_posts()): the_post(); ?>
         
                 <div class="tainacan-mosaic">
-                    <?php the_post_thumbnail('full'); ?>
+                    <?php the_post_thumbnail('large'); ?>
                     <p class="metadata-title"><?php the_title(); ?></p>
                 </div>      
-                
+
         <?php endwhile; ?>
 
     </div>