feat: add continue button, style

idescriptor/static/idescriptor/css/styles.css

@@ -97,6 +97,10 @@ textarea {
     flex-wrap: wrap;
 }
 
+.container {
+    column-gap: 20px;
+}
+
 .container-cards {
     display: flex;
     flex-wrap: wrap;

idescriptor/templates/idescriptor/image-form.html

@@ -7,10 +7,12 @@
 {% block content %}
 <div class="card">
     <h1>{{ image.title }}</h1>
-    <img src="{{ image.image.url }}" alt="{{ image.alt_text }}">
-    <div class="container">
-        {% crispy form %}
-        <a class="btn" href="{% url 'index' %}">{% trans 'Continue' %}</a>
+    <div class="container container-spaced">
+        <img src="{{ image.image.url }}" alt="{{ image.alt_text }}">
+        <div class="container">
+            {% crispy form %}
+            <a class="btn" href="{% url 'index' %}">{% trans 'Continue' %}</a>
+        </div>
     </div>
 </div>
 {% endblock %}