From 8b8747eb0089f5808e3e43dc8009f68186858b98 Mon Sep 17 00:00:00 2001
From: Dan Barber <github@danbarber.me>
Date: Thu, 21 Jan 2016 18:20:48 +0000
Subject: [PATCH] Fix search box styling

---
 _assets/stylesheets/parts/footer.css.scss | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/_assets/stylesheets/parts/footer.css.scss b/_assets/stylesheets/parts/footer.css.scss
index e39ddde..ebb067d 100644
--- a/_assets/stylesheets/parts/footer.css.scss
+++ b/_assets/stylesheets/parts/footer.css.scss
@@ -21,15 +21,22 @@ body > footer {
     border: 0;
     input[type=search] {
       -webkit-appearance: none;
-      font-family: $serif;
-      font-size: 1em;
-      color: $text-color;
+      &::-webkit-search-cancel-button,
+      &::-webkit-search-decoration,
+      &::-webkit-search-results-button,
+      &::-webkit-search-results-decoration {
+        -webkit-appearance:none;
+      }
       border-radius: 1em;
       border: {
         width: 1px;
         style: solid;
         color: #999 #bbb #bbb #999;
       };
+      color: $text-color;
+      font-family: $serif;
+      font-size: 1em;
+      padding: 0.15em 0.75em;
       &:focus {
         outline: none;
         box-shadow: 0 0 5px $link-color;