Forms and archives

404.php

@@ -18,9 +18,7 @@
 
         <div class="entry__content">
           <p><?php ask_e('404: Page not found description'); ?></p>
-          <div class="search-form search-form--404">
-            <?php aucor_starter_search_form('search-form--404'); ?>
-          </div>
+          <?php aucor_starter_search_form('search-form--404', ['class' => 'search-form--404']); ?>
         </div>
 
       </article><!-- .entry-404 -->

assets/last-edited.json

@@ -1,5 +1,5 @@
 {
   "js": 1554212402153,
-  "css": 1554229623458,
+  "css": 1554273648299,
   "svg": 1554212257499
 }

assets/styles/elements/_forms.scss

@@ -67,10 +67,24 @@ input[type="submit"] {
 
 .search-form {
   display: flex;
+  max-width: 30rem;
   &__input {
+    flex-grow: 1;
     margin-right: .5rem;
   }
   &__submit {
     @include button;
   }
+
+  // 404 search form
+  &--404 {
+    margin: $gap auto 0;
+  }
+
+  // no search results form
+  &--search-empty {
+    margin: $gap auto 0;
+  }
+
 }
+

assets/styles/views/layout/_layout.scss

@@ -59,6 +59,12 @@
 
     @include wrap;
 
+    .main {
+      max-width: 40rem;
+      margin-left: auto;
+      margin-right: auto;
+    }
+
   }
 
 }

assets/styles/views/templates/_404.scss

@@ -2,10 +2,6 @@
  # 404
 ========================================================================== */
 
-.error404 {
-
-}
-
 .entry--404 {
-
+  text-align: center;
 }

assets/styles/views/templates/_search.scss

@@ -2,6 +2,9 @@
  # Search
 ========================================================================== */
 
-.search {
-
+.entry--search-empty {
+  max-width: 40rem;
+  margin-left: auto;
+  margin-right: auto;
+  text-align: center;
 }

inc/forms/function-search-form.php

@@ -30,6 +30,11 @@ function aucor_starter_search_form($id, $args = array()) {
   // parse args
   $args = wp_parse_args($args, $defaults);
 
+  // extend classlist instead of replacing it
+  if ($defaults['class'] !== $args['class']) {
+    $args['class'] .= ' ' . $defaults['class'];
+  }
+
   // create ID for input
   $input_id = $id . '-input';
 

search.php

@@ -17,27 +17,21 @@
 
     <?php if (have_posts()) : ?>
 
-      <?php while (have_posts()) : the_post(); ?>
-
-        <?php get_template_part('partials/content/teaser'); ?>
-
-      <?php endwhile; ?>
+      <div class="teaser-container">
+        <?php while (have_posts()) : the_post(); ?>
+          <?php get_template_part('partials/content/teaser'); ?>
+        <?php endwhile; ?>
+      </div>
 
       <?php aucor_starter_numeric_posts_nav(); ?>
 
     <?php else : ?>
 
       <article class="entry entry--search-empty">
 
-        <header class="entry__header">
-          <h1 class="entry__header__title"><?php ask_e('Search: Nothing found'); ?></h1>
-        </header><!-- .entry__header -->
-
         <div class="entry__content">
           <p><?php ask_e('Search: Nothing found description'); ?></p>
-          <div class="search-form search-form--search-empty">
-            <?php aucor_starter_search_form('search-form--search-empty'); ?>
-          </div>
+            <?php aucor_starter_search_form('search-form--search-empty', ['class' => 'search-form--search-empty']); ?>
         </div>
 
       </article>