From cce4b13d3960410bd33a0fb1a6384dad2dbda3d2 Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Mon, 22 Nov 2021 16:35:43 -0300
Subject: [PATCH] Small fixes to the display of tainacan collections.

---
 src/archive-tainacan-collection.php | 15 ++++++++++++++-
 src/assets/scss/_list-post.scss     |  4 +++-
 src/assets/scss/_simple-search.scss |  1 +
 3 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/archive-tainacan-collection.php b/src/archive-tainacan-collection.php
index a814f34..acf2dd8 100644
--- a/src/archive-tainacan-collection.php
+++ b/src/archive-tainacan-collection.php
@@ -39,7 +39,20 @@
 				
 				<div class="dropdown margin-one-column-left dropdown-viewMode">
 					<button class="btn dropdown-toggle text-black" type="button" id="dropdownMenuViewMode" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-						<i class="tainacan-icon tainacan-icon-1-125em tainacan-icon-viewtable text-oslo-gray"></i>
+						<?php 
+							switch($view_mode) {
+								case 'table':
+									echo '<i class="tainacan-icon tainacan-icon-1-125em tainacan-icon-viewtable text-oslo-gray"></i>';
+									break;
+								case 'grid':
+									echo '<i class="tainacan-icon tainacan-icon-1-125em tainacan-icon-viewminiature text-oslo-gray"></i>';
+									break;
+								case 'cards':
+								 default:
+									echo '<i class="tainacan-icon tainacan-icon-1-125em tainacan-icon-viewcards text-oslo-gray"></i>';
+									break;
+							}
+						?>
 						<span class="d-none d-md-inline"><?php _e( 'View Mode', 'tainacan-interface' ); ?></span>
 					</button>
 					<div class="dropdown-menu" aria-labelledby="dropdownMenuViewMode">
diff --git a/src/assets/scss/_list-post.scss b/src/assets/scss/_list-post.scss
index 18fc23e..6b9194d 100644
--- a/src/assets/scss/_list-post.scss
+++ b/src/assets/scss/_list-post.scss
@@ -201,6 +201,7 @@
             .tainacan-list-collection--card-img {
                 width: 170px;
                 height: 170px;
+                object-fit: cover;
             }
             .image-placeholder {
                 height: 170px;
@@ -232,7 +233,8 @@
             //grid-template-columns: 1fr 1fr 1fr 1fr;
             width: 250px;
             height: 295px;
-            .tainacan-list-collection--grid-title{
+            .tainacan-list-collection--grid-title {
+                margin-top: 0px;
                 font: {
                     size: 0.875rem;
                     weight: 400;
diff --git a/src/assets/scss/_simple-search.scss b/src/assets/scss/_simple-search.scss
index 2dd751b..50308a6 100644
--- a/src/assets/scss/_simple-search.scss
+++ b/src/assets/scss/_simple-search.scss
@@ -2,6 +2,7 @@
     .dropdown {
         #dropdownMenuSorting, #dropdownMenuViewMode {
             font-size: 0.875rem;
+            line-height: 1.25rem;
             &:focus{
                 box-shadow: none;
             }