Nav close button alignment and nav boxes improved

[github/wallabag/wallabag.git] / src / Wallabag / CoreBundle / Resources / views / themes / material / Entry / new_form.html.twig

diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/new_form.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/new_form.html.twig
index 2de531064ccd9404c00fdef99dffcd62036f109c..e0d5e7940147957855b985129ae960a7cffe351b 100644 (file)
--- a/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/new_form.html.twig
+++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/new_form.html.twig
@@ -1,14 +1,15 @@
-<form name="entry" method="post" action="{{ path('new_entry')}}">
+<form class="input-field nav-panel-item nav-panel-add" style="display: none" name="entry" method="post" action="{{ path('new_entry')}}">
+    {% if form_errors(form) %}
+        <span class="black-text">{{ form_errors(form) }}</span>
+    {% endif %}
+    <button type="submit" class="nav-form-button"><i class="material-icons add">add</i></button>
 
-        {% if form_errors(form) %}
-            <span class="black-text">{{ form_errors(form) }}</span>
-        {% endif %}
+    {% if form_errors(form.url) %}
+        <span class="black-text">{{ form_errors(form.url) }}</span>
+    {% endif %}
 
-        {% if form_errors(form.url) %}
-            <span class="black-text">{{ form_errors(form.url) }}</span>
-        {% endif %}
+    {{ form_widget(form.url, { 'attr': {'autocomplete': 'off', 'placeholder': 'entry.new.placeholder'} }) }}
+    <i class="material-icons close">clear</i>
 
-        {{ form_widget(form.url, { 'attr': {'autocomplete': 'off', 'placeholder': 'http://website' | trans} }) }}
-
-    <div class="hidden">{{ form_rest(form) }}</div>
+    {{ form_rest(form) }}
 </form>