Refine search styling

_sass/minimal-mistakes.scss

@@ -28,6 +28,7 @@
 @import "minimal-mistakes/masthead";
 @import "minimal-mistakes/navigation";
 @import "minimal-mistakes/footer";
+@import "minimal-mistakes/search";
 @import "minimal-mistakes/syntax";
 
 /* Utility classes */

_sass/minimal-mistakes/_forms.scss

@@ -196,7 +196,6 @@
   margin-left: 10px;
 }
 
-
 /*
      Disabled state
      ========================================================================== */
@@ -211,7 +210,6 @@
   cursor: not-allowed;
 }
 
-
 /*
      Focus & active state
      ========================================================================== */
@@ -221,7 +219,8 @@
   border-color: $primary-color;
   outline: 0;
   outline: thin dotted \9;
-    box-shadow: inset 0 1px 3px rgba($text-color, 0.06), 0 0 5px rgba($primary-color, 0.7);
+  box-shadow: inset 0 1px 3px rgba($text-color, 0.06),
+    0 0 5px rgba($primary-color, 0.7);
 }
 
 input[type="file"]:focus,
@@ -231,7 +230,6 @@
   box-shadow: none;
 }
 
-
 /*
      Help text
      ========================================================================== */
@@ -263,7 +261,6 @@
   border-width: 0;
 }
 
-
 /*
      .form-inline
      ========================================================================== */
@@ -291,8 +288,8 @@
 .form-inline .checkbox input[type="checkbox"] {
   float: left;
   margin-left: 0;
-    margin-right: 3px; }
-
+  margin-right: 3px;
+}
 
 /*
      .form-search
@@ -331,13 +328,12 @@
   margin-right: 3px;
 }
 
-
 /*
      .form--loading
      ========================================================================== */
 
 .form--loading:before {
-    content: '';
+  content: "";
 }
 
 .form--loading .form__spinner {
@@ -362,8 +358,6 @@
   z-index: 11;
 }
 
-
-
 /*
      Google search form
      ========================================================================== */

_sass/minimal-mistakes/_reset.scss

@@ -172,7 +172,7 @@ input[type="checkbox"] {
 }
 
 input[type="search"] { /* Appearance in Safari/Chrome*/
-  box-sizing: content-box;
+  box-sizing: border-box;
   -webkit-appearance: textfield;
 }
 

_sass/minimal-mistakes/_search.scss

@@ -1,10 +1,9 @@
-.search-input {
-  -webkit-appearance: none;
-  border: 0;
-  border-radius: .25em;
-  font-family: inherit;
-  font-size: 1.25em;
-  margin: 2em auto 1em;
-  padding: .5em;
-  width: 100%;
+/* ==========================================================================
+   SEARCH
+   ========================================================================== */
+
+.layout--search {
+  .archive__item-teaser {
+    margin-bottom: 0.25em;
+  }
 }