Updates on customizer and responsiviness for collection cards.

src/assets/scss/_home-collection.scss

@@ -12,7 +12,7 @@
         min-height: 130px;
     }
     @media only screen and (max-width: 576px){
-        min-height: 65px;
+        min-height: 96px;
     }
 
     .t-collection--info-img, .image-placeholder {
@@ -49,7 +49,7 @@
             bottom: calc(-12.5vw - 4px);
 
             h4 {
-                font-size: 2rem;
+                font-size: 2.5rem !important;
             }
         }
 
@@ -111,7 +111,7 @@
             }
             &.tainacan-interface-truncate {
                 min-height: 65px;
-                margin-bottom: 2rem;
+                margin-bottom: 1.25rem;
                 .tainacan-interface-more, .tainacan-interface-less {
                     color: rgba(255, 255, 255, 0.60);
                     white-space: nowrap;

src/assets/scss/_list-post.scss

@@ -144,17 +144,22 @@
         display: grid;
         grid-template-columns: repeat(auto-fit, 425px);
         grid-gap: 30px;
+
         @media only screen and (max-width: 797px) {
-            grid-gap: 4px;
+            grid-gap: 12px;
         }
-        .tainacan-list-collection--card {
-            @media only screen and (max-width: 350px) {
-                padding: {
-                    left: 2rem;
-                    right: 0rem;
-                }
-                width: 100vw;
+        @media screen and (max-width: 480px) {
+            grid-template-columns: repeat(auto-fit, 100%);
+
+            .tainacan-list-collection--card-img,
+            .image-placeholder {
+                width: 130px !important;
+                height: 130px !important;
             }
+        }
+
+        .tainacan-list-collection--card {
+
             &:hover {
                 background: #f2f2f2 !important;
                 .tainacan-list-collection--title {

src/assets/scss/style.scss

@@ -572,8 +572,8 @@ nav{
                 margin-bottom: 1.5625rem !important;
                 align-self: flex-end;
             }
-            .title-header{
-                @media only screen and (width: 768px){padding-top: 1rem !important;}
+            .title-header {
+                @media only screen and (width: 768px){ padding-top: 1rem !important;}
             }
         }
         @media only screen and (max-width: 576px){
@@ -617,6 +617,7 @@ nav{
         padding-right: 4.166667vw;
         max-width: 87.5vw;
         word-break: break-word;
+
         @media only screen and (min-width: 769px){
             max-height: 100px;
             min-width: 450px;
@@ -650,8 +651,15 @@ nav{
             color: #000;
             font-size: 3rem;
             font-weight: 800;
+
             @media only screen and (max-width: 768px){
+                font-size: 2rem;
+                line-height: 2rem;
+            }
+
+            @media only screen and (max-width: 576px){
                 font-size: 1.5rem;
+                line-height: 1.5rem;
             }
         }
         span{

src/functions/customizer.php

@@ -675,9 +675,8 @@ function tainacan_get_color_scheme_css( $colors ) {
 		border-bottom: 4px solid {$colors['tainacan_link_color']};
 	}
 	/** Abas no modal de termos */
-	.tainacan-finder-columns-container .tabs li.is-active a {
+	.tainacan-modal-content .tabs li.is-active a {
 		border-bottom-color: {$colors['tainacan_link_color']};
-		color: black;
 	}
 	/* Setinhas no mesmo modal */
 	.tainacan-finder-columns-container a .tainacan-icon {