Fixes to the item navigation responsiveness

src/assets/scss/_post.scss

@@ -939,8 +939,21 @@
 #item-single-navigation {
     flex-wrap: nowrap;
     flex-grow: 2;
+    max-width: 50%;
+
+    @media screen and (max-width: 768px) {
+        & {
+            max-width: 100%;
+        }
+    }
+    @media screen and (max-width: 986px) {
+        & {
+            max-width: 66%;
+        }
+    }
 
     .pagination {
+        max-width: 50%;
         flex-basis: 50%;
         flex-wrap: nowrap;
         align-items: center;
@@ -965,7 +978,7 @@
             margin-left: 0.1rem;
         }
         span {
-            max-width: 50%;
+            max-width: 75%;
             text-overflow: ellipsis;
             overflow: hidden;
             white-space: nowrap;

src/assets/scss/_sidebar.scss

@@ -55,7 +55,7 @@
                     }
                 }
             }
-            form{
+            form {
                 .input-group-append{
                     button{
                         height: 30px;
@@ -73,9 +73,30 @@
             #tainacan-search{
                 font-size: 0.75rem;
                 color: #555758;
+                border-color: #dbdbdb;
                 height: 30px;
+                border-radius: 0px;
                 &:focus{
                     box-shadow: none;
+                    border-color: #555758;
+                }
+                &+.input-group-append button {
+                    border-left-width: 0;
+                    border-color: #dbdbdb;
+                    border-radius: 0px;
+                    padding: 0 5px;
+                }
+            }
+        }
+        .search-controls {
+            padding: 0.75rem 0.875rem 0.5rem 0.875rem;
+            font-size: 0.75rem;
+            column-count: 2;
+            label {
+                white-space: normal;
+                display: flex;
+                input {
+                    margin-right: 0.5rem;
                 }
             }
         }

src/functions.php

@@ -176,8 +176,8 @@ function tainacan_customize_editor_css() {
 	?>
 	<style>
 		.editor-styles-wrapper { 
-			--tainacan-color-default: <?php echo $color_scheme[2] ?>;
-			--tainacan-block-primary: <?php echo $color_scheme[2] ?>;
+			--tainacan-color-default: <?php echo $default_color == 'default' ? '#298596' : $default_color; ?>;
+			--tainacan-block-primary: <?php echo $default_color == 'default' ? '#298596' : $default_color;?>;
 		}
 	</style>
 	<?php

src/template-parts/single-items-navigation.php

@@ -36,7 +36,7 @@
                 </h2>
             <?php endif; ?>
 
-            <div id="item-single-navigation" class="d-flex align-items-center justify-center margin-one-column">
+            <div id="item-single-navigation" class="d-flex align-items-center justify-center">
                 <div class="pagination">
                     <?php echo $previous; ?>
                 </div>