I did some changes for the header on the interior page

I changed the styles with the search field of the interior page.  It
fits and has some good spacing.

diff --git a/css/app.css b/css/app.css
index e3bfd44..61ad3af 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6339,13 +6339,13 @@ header.main {
   #nav-search form.searchform {
     padding: 0 20px 0;
     position: absolute;
-    top: 24px;
+    top: 35px;
     right: 0;
     max-width: 582px;
     width: 100%; }
     #nav-search form.searchform input[type="text"].search-input {
-      height: 50px;
-      padding: 15px;
+      height: 30px;
+      padding: 8px 15px;
       font-family: 'Cormorant Garamond', sans-serif;
       text-transform: uppercase;
       font-size: 16px;
@@ -6357,7 +6357,7 @@ header.main {
     #nav-search form.searchform input[type="image"] {
       position: absolute;
       right: 30px;
-      top: 14px; }
+      top: 2px; }
     #nav-search form.searchform .radio-area {
       float: right; }
       #nav-search form.searchform .radio-area label {

diff --git a/scss/_page.header.scss b/scss/_page.header.scss
index 3dea8e3..0a47056 100644 (file)
--- a/scss/_page.header.scss
+++ b/scss/_page.header.scss
@@ -125,14 +125,14 @@ header.main {
 //        background: $teal;
         padding: 0 20px 0;
         position: absolute;
-        top: 24px;
+        top: 35px;
         right: 0;
         max-width: 582px;
         width: 100%;
         input[type="text"] {
             &.search-input {
-                height: 50px;
-                padding: 15px;
+                height: 30px;
+                padding: 8px 15px;
                 font-family: 'Cormorant Garamond', sans-serif;
                 text-transform: uppercase;
                 font-size: 16px;
@@ -146,7 +146,7 @@ header.main {
         input[type="image"] {
             position: absolute;
             right: 30px;
-            top: 14px    
+            top: 2px;
         }
         .radio-area {
             float: right;