More mobile improvements

_includes/2017/code-sponsor.html

@@ -4,7 +4,7 @@
     if (window.localStorage && window.localStorage._NOADS) return
     var s=d.createElement('script'),r=d.getElementById(id)
     s.async=true
-    s.src='https://app.codesponsor.io/scripts/{{ site.data.codesponsor.id }}?theme=light&image=hide&height=100&width=300'
+    s.src='https://app.codesponsor.io/scripts/{{ site.data.codesponsor.id }}?theme=light&image=hide&height=100&width=319'
     setTimeout(function(){r.parentNode.insertBefore(s,r)})
   })(document, 'code-sponsor-embed')</script>
 </aside>

_sass/2017/components/search-box.scss

@@ -13,10 +13,11 @@
     height: 64px;
     background: transparent;
     border: 0;
-    flex: 1 0 auto;
+    flex: 1 1 auto;
     padding-left: 0;
     font-weight: bold;
     color: $base-head;
+    min-width: 48px;
 
     &::placeholder {
       font-weight: normal;

_sass/2017/components/site-header.scss

@@ -33,4 +33,11 @@
     margin-top: 32px;
     margin-bottom: -16px;
   }
+
+  @media (max-width: 480px) {
+    & > .adbox {
+      margin-left: -16px;
+      margin-right: -16px;
+    }
+  }
 }

_sass/2017/components/top-nav.scss

@@ -97,8 +97,10 @@
   }
 
   // Offset so it doesn't look misasligned
+  @media (min-width: $area-width) {
     & > .left > .home {
       position: relative;
       left: -16px;
     }
   }
+}