asset/scss/components/_forms.scss

@@ -1,31 +1,8 @@
-//search block size in content
-article,.omekas-entry-content {
-  .search{
-    @include xy-grid();
-    .input-group {
-      @include breakpoint(small){
-        @include xy-cell (12);
-        margin-left: auto;
-        margin-right: auto;
-      }
-      @include breakpoint(medium){
-        @include xy-cell (6);
-        margin-left: auto;
-        margin-right: auto;
-      }
-      @include breakpoint(large){
-        @include xy-cell (4);
-        margin-left: auto;
-        margin-right: auto;
-      }
-    }
-  }
-}
 // search elements
 .search{
   .input-group {
     position: relative;
-    border-radius: $global-padding*4;
+    border-radius: 4rem;
     overflow: hidden;
     padding: 0;
     margin: 0;
@@ -33,7 +10,7 @@ article,.omekas-entry-content {
       right: 0;
       position: absolute;
       height: 100%;
-      padding: $global-padding*0.3 $global-padding;
+      padding: 0.3rem 1rem;
     }
   }
   .input-group * {
@@ -74,7 +51,7 @@ article,.omekas-entry-content {
   .hollow {
     border-color: $primary-color;
     color: $primary-color;
-    &:after {
+    &::after {
     }
     &::placeholder {
       color: scale-color($primary-color, $lightness: -20%);
@@ -87,3 +64,26 @@ article,.omekas-entry-content {
     }
   }
 }
+//search block size in content
+article,.omekas-entry-content {
+  .search{
+    @include xy-grid();
+    .input-group {
+      @include breakpoint(small){
+        @include xy-cell (12);
+        margin-left: auto;
+        margin-right: auto;
+      }
+      @include breakpoint(medium){
+        @include xy-cell (6);
+        margin-left: auto;
+        margin-right: auto;
+      }
+      @include breakpoint(large){
+        @include xy-cell (4);
+        margin-left: auto;
+        margin-right: auto;
+      }
+    }
+  }
+}

view/common/block-layout/list-of-sites.phtml

@@ -31,7 +31,7 @@ $projects = htmlentities(json_encode($projects, JSON_HEX_QUOT), ENT_QUOTES, 'UTF
   <div
        data-vue-component="archive-list"
        data-collections='<?= $projects ?>'
-       data-page_size=20>
+       data-page_size=3>
   </div>
 </div>