I changed the search in the header a bit
authorIan Weller <ian@gaslightmedia.com>
Wed, 5 Apr 2017 15:13:36 +0000 (11:13 -0400)
committerIan Weller <ian@gaslightmedia.com>
Wed, 5 Apr 2017 15:13:36 +0000 (11:13 -0400)
I removed the side padding and reduced the max width of the search input
field.

css/app.css
scss/_page.header.scss

index 61ad3af..e030490 100644 (file)
@@ -6337,11 +6337,11 @@ header.main {
 #nav-search {
   position: relative; }
   #nav-search form.searchform {
-    padding: 0 20px 0;
+    padding: 0;
     position: absolute;
     top: 35px;
     right: 0;
-    max-width: 582px;
+    max-width: 435px;
     width: 100%; }
     #nav-search form.searchform input[type="text"].search-input {
       height: 30px;
@@ -6356,7 +6356,7 @@ header.main {
       border-color: #3b76c4; }
     #nav-search form.searchform input[type="image"] {
       position: absolute;
-      right: 30px;
+      right: 15px;
       top: 2px; }
     #nav-search form.searchform .radio-area {
       float: right; }
index 0a47056..4bc3753 100644 (file)
@@ -123,11 +123,11 @@ header.main {
 //    height: 212px;
     form.searchform {
 //        background: $teal;
-        padding: 0 20px 0;
+        padding: 0;
         position: absolute;
         top: 35px;
         right: 0;
-        max-width: 582px;
+        max-width: 435px;
         width: 100%;
         input[type="text"] {
             &.search-input {
@@ -145,7 +145,7 @@ header.main {
         }
         input[type="image"] {
             position: absolute;
-            right: 30px;
+            right: 15px;
             top: 2px;
         }
         .radio-area {