Fix nav new entry and search form alignment

[github/wallabag/wallabag.git] / app / Resources / static / themes / material / css / nav.scss

diff --git a/app/Resources/static/themes/material/css/nav.scss b/app/Resources/static/themes/material/css/nav.scss
index 7191a71a4db115f0763806987abdb8b23e17e5e3..d2e14e69da66448a9dd63c9b2687849fad026cfd 100644 (file)
--- a/app/Resources/static/themes/material/css/nav.scss
+++ b/app/Resources/static/themes/material/css/nav.scss
@@ -69,7 +69,7 @@ nav .nav-wrapper i {
     display: block;
     line-height: inherit;
     width: calc(100% - 8rem);
-    height: 4.1rem;
+    height: 3rem;
   }
 
   .input-field input:focus {
@@ -108,6 +108,7 @@ nav .nav-wrapper i {
   &.nav-panel-search form {
     display: flex;
     flex: 1;
+    align-items: center;
   }
 
   &.nav-panel-add form.disabled,
@@ -116,6 +117,16 @@ nav .nav-wrapper i {
   }
 }
 
+.nav-form-button {
+  padding: 0 1rem;
+  background-color: transparent;
+  border: none;
+
+  &:focus {
+    background-color: inherit;
+  }
+}
+
 #button_filters {
   display: none;
 }