Small fixes to the display of tainacan collections.

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">

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;

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;
             }