More css fixes and colors added to customizer.

src/archive-tainacan-collection.php

@@ -18,7 +18,7 @@
 					</div>
 				</div>
 					
-				<a class="btn btn-white bg-white margin-one-column-left <?php tainacan_active( get_query_var( 'order' ), 'ASC' ); ?>" href="<?php echo add_query_arg( 'order', 'ASC' ); ?>">
+				<a class="btn btn-white bg-white <?php tainacan_active( get_query_var( 'order' ), 'ASC' ); ?>" href="<?php echo add_query_arg( 'order', 'ASC' ); ?>">
 					<i class="mdi mdi-18px mdi-sort-ascending"></i>
 				</a>
 				<a class="btn btn-white bg-white <?php tainacan_active( get_query_var( 'order' ), 'DESC' ); ?>" href="<?php echo add_query_arg( 'order', 'DESC' ); ?>">

src/assets/scss/_simple-search.scss

@@ -53,13 +53,14 @@
     }
     #tainacan-collection-search {
         input{
+            height: calc(2.25rem - 3px);
             border-color: #cbcbcb !important;
             &:focus{
                 box-shadow: none;
                 border-right: none;
             }
             &::placeholder{
-                font-size: 0.6875rem;
+                font-size: 0.75rem;
                 color: #898d8f;
             }
         }

src/assets/scss/style.scss

@@ -25,7 +25,9 @@ body{
 }
 
 body.loading-content main {
+    min-height: calc(100% - 480px);
     min-height: calc(100vh - 480px);
+    width: 100%;
     width: 100vw;
     transition: min-height ease 0.3s,  height ease 0.3s; 
 }
@@ -77,6 +79,20 @@ body.loading-content main:before {
     }
 }
 
+// Bootstrap button
+.btn {
+    padding: .25rem 1.125rem;
+}
+
+// Bootstrao dropdown item
+.dropdown-menu {
+    padding: 0;
+    
+    .dropdown-item {
+        border-radius: 0 !important;
+    }
+}
+
 .menu-item-has-children {
     .dropdown-submenu {
         padding-left: 1.5rem !important;
@@ -103,6 +119,7 @@ body.loading-content main:before {
     position: fixed;
     bottom: 20px;
     right: 4.16666666667%;
+    right: 4.16666666667vw;
     background: rgb(0, 0, 0);
     background: #4ea2ad;
     width: 36px;
@@ -146,6 +163,7 @@ nav{
         border-bottom: none;
         .max-large{
             margin: 0 4.16666666667%;
+            margin: 0 4.16666666667vw;
             .tainacan-form-search{
                 padding-right: 1.875rem !important;
                 .tainacan-input-search{
@@ -456,7 +474,6 @@ nav{
             width: 30px;
             height: 30px;
             text-align: center;
-            color: #3596e0;
             font-size: 1.1875rem;
 
             &:before {

src/functions/customizer.php

@@ -631,6 +631,10 @@ function tainacan_get_color_scheme_css( $colors ) {
 		color: {$colors['tainacan_link_color']};
 	}
 
+	.tainacan-collection-list--simple-search .dropdown .dropdown-menu a:hover {
+		background-color: {$colors['backtransparent']};
+	}
+
 	/**
 	* Plugin Tainacan
 	*/