add docs for Import feature

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

diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/Import/index.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/material/Import/index.html.twig
index 2c8c158d70336d377bbefbfe03508ad5ecf67995..470041441f2e0d8cd9f596a3c20d12e8b18d044f 100644 (file)
--- a/src/Wallabag/CoreBundle/Resources/views/themes/material/Import/index.html.twig
+++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/Import/index.html.twig
@@ -3,21 +3,28 @@
 {% block title %}{% trans %}import{% endtrans %}{% endblock %}
 
 {% block content %}
-
-    <div id="set1" class="col s12">
-        <form action="{{ path('import') }}" method="post" {{ form_enctype(form.import) }}>
-            {{ form_errors(form.import) }}
+<div class="row">
+    <div class="col s12">
+        <div class="card-panel settings">
             <div class="row">
-                <div class="input-field col s12">
-                    {{ form_errors(form.import.file) }}
-                    {{ form_widget(form.import.file) }}
-                    <label class="required">{% trans %}File{% endtrans %}</label>
+                <div class="col s12">
+                    <form action="{{ path('import') }}" method="post" {{ form_enctype(form.import) }}>
+                        {{ form_errors(form.import) }}
+                        <div class="row">
+                            <div class="input-field col s12">
+                                <p>{% trans %}Please select your wallabag export and click on the below button to upload and import it.{% endtrans %}</p>
+                                {{ form_errors(form.import.file) }}
+                                {{ form_widget(form.import.file) }}
+                            </div>
+                        </div>
+                        <div class="hidden">{{ form_rest(form.import) }}</div>
+                        <button class="btn waves-effect waves-light" type="submit" name="action">
+                            {% trans %}Upload file{% endtrans %}
+                        </button>
+                    </form>
                 </div>
             </div>
-            <div class="hidden">{{ form_rest(form.import) }}</div>
-            <button class="btn waves-effect waves-light" type="submit" name="action">
-                {% trans %}Upload file{% endtrans %}
-            </button>
-        </form>
+        </div>
     </div>
+</div>
 {% endblock %}