navbar search realigned

Dogfalo · Jan 30, 2015 · ec98dd6 · ec98dd6
1 parent e39958f
commit ec98dd6
Show file tree

Hide file tree

Showing 3 changed files with 66 additions and 60 deletions.
diff --git a/bin/materialize.css b/bin/materialize.css
@@ -5030,37 +5030,39 @@ nav {
       padding: 0px 15px; }
     nav ul.left {
       float: left; }
-  nav .input-field input {
-    height: 100%;
-    font-size: 1.2rem;
-    border: none;
-    padding-left: 2rem;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box; }
-    nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid {
+  nav .input-field {
+    margin: 0; }
+    nav .input-field input {
+      height: 100%;
+      font-size: 1.2rem;
       border: none;
-      -webkit-box-shadow: none;
-      -moz-box-shadow: none;
-      box-shadow: none; }
-  nav .input-field label {
-    top: 0;
-    left: 0; }
-    nav .input-field label i {
-      color: rgba(255, 255, 255, 0.7);
-      -webkit-transition: color 0.3s;
-      -moz-transition: color 0.3s;
-      -o-transition: color 0.3s;
-      -ms-transition: color 0.3s;
-      transition: color 0.3s; }
-    nav .input-field label.active i {
-      color: #fff; }
-    nav .input-field label.active {
-      -webkit-transform: translateY(0);
-      -moz-transform: translateY(0);
-      -ms-transform: translateY(0);
-      -o-transform: translateY(0);
-      transform: translateY(0); }
+      padding-left: 2rem;
+      -webkit-box-sizing: border-box;
+      -moz-box-sizing: border-box;
+      box-sizing: border-box; }
+      nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid {
+        border: none;
+        -webkit-box-shadow: none;
+        -moz-box-shadow: none;
+        box-shadow: none; }
+    nav .input-field label {
+      top: 0;
+      left: 0; }
+      nav .input-field label i {
+        color: rgba(255, 255, 255, 0.7);
+        -webkit-transition: color 0.3s;
+        -moz-transition: color 0.3s;
+        -o-transition: color 0.3s;
+        -ms-transition: color 0.3s;
+        transition: color 0.3s; }
+      nav .input-field label.active i {
+        color: #fff; }
+      nav .input-field label.active {
+        -webkit-transform: translateY(0);
+        -moz-transform: translateY(0);
+        -ms-transform: translateY(0);
+        -o-transform: translateY(0);
+        transform: translateY(0); }
 
 .navbar-fixed {
   position: relative;

diff --git a/css/ghpages-materialize.css b/css/ghpages-materialize.css
@@ -5030,37 +5030,39 @@ nav {
       padding: 0px 15px; }
     nav ul.left {
       float: left; }
-  nav .input-field input {
-    height: 100%;
-    font-size: 1.2rem;
-    border: none;
-    padding-left: 2rem;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box; }
-    nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid {
+  nav .input-field {
+    margin: 0; }
+    nav .input-field input {
+      height: 100%;
+      font-size: 1.2rem;
       border: none;
-      -webkit-box-shadow: none;
-      -moz-box-shadow: none;
-      box-shadow: none; }
-  nav .input-field label {
-    top: 0;
-    left: 0; }
-    nav .input-field label i {
-      color: rgba(255, 255, 255, 0.7);
-      -webkit-transition: color 0.3s;
-      -moz-transition: color 0.3s;
-      -o-transition: color 0.3s;
-      -ms-transition: color 0.3s;
-      transition: color 0.3s; }
-    nav .input-field label.active i {
-      color: #fff; }
-    nav .input-field label.active {
-      -webkit-transform: translateY(0);
-      -moz-transform: translateY(0);
-      -ms-transform: translateY(0);
-      -o-transform: translateY(0);
-      transform: translateY(0); }
+      padding-left: 2rem;
+      -webkit-box-sizing: border-box;
+      -moz-box-sizing: border-box;
+      box-sizing: border-box; }
+      nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid {
+        border: none;
+        -webkit-box-shadow: none;
+        -moz-box-shadow: none;
+        box-shadow: none; }
+    nav .input-field label {
+      top: 0;
+      left: 0; }
+      nav .input-field label i {
+        color: rgba(255, 255, 255, 0.7);
+        -webkit-transition: color 0.3s;
+        -moz-transition: color 0.3s;
+        -o-transition: color 0.3s;
+        -ms-transition: color 0.3s;
+        transition: color 0.3s; }
+      nav .input-field label.active i {
+        color: #fff; }
+      nav .input-field label.active {
+        -webkit-transform: translateY(0);
+        -moz-transform: translateY(0);
+        -ms-transform: translateY(0);
+        -o-transform: translateY(0);
+        transform: translateY(0); }
 
 .navbar-fixed {
   position: relative;

diff --git a/sass/components/_navbar.scss b/sass/components/_navbar.scss
@@ -74,6 +74,8 @@ nav {
 
   // Navbar Search Form
   .input-field {
+    margin: 0;
+
     input {
       height: 100%;
       font-size: 1.2rem;