ordered the scss forms file definitions

Reviewed-on: #63

asset/scss/components/_forms.scss

@@ -1,8 +1,31 @@
+//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: 4rem;
+    border-radius: $global-padding*4;
     overflow: hidden;
     padding: 0;
     margin: 0;
@@ -10,7 +33,7 @@
       right: 0;
       position: absolute;
       height: 100%;
-      padding: 0.3rem 1rem;
+      padding: $global-padding*0.3 $global-padding;
     }
   }
   .input-group * {
@@ -51,7 +74,7 @@
   .hollow {
     border-color: $primary-color;
     color: $primary-color;
-    &::after {
+    &:after {
     }
     &::placeholder {
       color: scale-color($primary-color, $lightness: -20%);
@@ -64,26 +87,3 @@
     }
   }
 }
-//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=3>
+       data-page_size=20>
   </div>
 </div>