Label replaced by a button on the nav new entry form

app/Resources/static/themes/material/css/nav.scss

@@ -68,7 +68,6 @@ nav .nav-wrapper i {
   .input-field input {
     display: block;
     line-height: inherit;
-    padding-left: 4rem !important;
     width: calc(100% - 8rem);
     height: 4.1rem;
   }

app/Resources/static/themes/material/css/various.scss

@@ -21,6 +21,17 @@ div.settings div.file-field {
 
 nav .input-field input {
   margin: 0;
+  padding-left: 0.5rem;
+}
+
+.new-entry-button {
+  padding: 0 1rem;
+  background-color: transparent;
+  border: none;
+
+  &:focus {
+    background-color: inherit;
+  }
 }
 
 .tabs {

src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/new_form.html.twig

@@ -2,6 +2,7 @@
     {% if form_errors(form) %}
         <span class="black-text">{{ form_errors(form) }}</span>
     {% endif %}
+    <button type="submit" class="new-entry-button"><i class="material-icons add">add</i></button>
 
     {% if form_errors(form.url) %}
         <span class="black-text">{{ form_errors(form.url) }}</span>

src/Wallabag/CoreBundle/Resources/views/themes/material/layout.html.twig

@@ -130,7 +130,6 @@
             </div>
             <div class="input-field nav-panel-add" style="display: none">
                 {{ render(controller("WallabagCoreBundle:Entry:addEntryForm")) }}
-                <label for="add"><i class="material-icons add">add</i></label>
                 <i class="material-icons close">clear</i>
             </div>
         </div>