From 7c0ce842813667e95d32d9195376ed5263c3fd45 Mon Sep 17 00:00:00 2001
From: moanos <julian-samuel@gebuehr.net>
Date: Mon, 21 Oct 2024 20:44:04 +0200
Subject: [PATCH] feat: add continue button, style

---
 idescriptor/static/idescriptor/css/styles.css     |  4 ++++
 idescriptor/templates/idescriptor/image-form.html | 10 ++++++----
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/idescriptor/static/idescriptor/css/styles.css b/idescriptor/static/idescriptor/css/styles.css
index 8ee9182..c6125bb 100644
--- a/idescriptor/static/idescriptor/css/styles.css
+++ b/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;
diff --git a/idescriptor/templates/idescriptor/image-form.html b/idescriptor/templates/idescriptor/image-form.html
index a9a5c0e..052006f 100644
--- a/idescriptor/templates/idescriptor/image-form.html
+++ b/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 %}
\ No newline at end of file