From 475a41235449feca3d9fca31392af28c69e16881 Mon Sep 17 00:00:00 2001
From: crunk <dvanderkleij@gmail.com>
Date: Sun, 2 Jun 2024 21:59:54 +0200
Subject: [PATCH] a bit of css wrangling

---
 .../templates/describe_files/describe.html    | 85 ++++++++++---------
 verse/static/css/style.css                    |  2 -
 2 files changed, 43 insertions(+), 44 deletions(-)

diff --git a/verse/describer/templates/describe_files/describe.html b/verse/describer/templates/describe_files/describe.html
index db3e72e..8c5e084 100644
--- a/verse/describer/templates/describe_files/describe.html
+++ b/verse/describer/templates/describe_files/describe.html
@@ -26,48 +26,49 @@
 		</a>
 	</div>
 </div>
-<div class="distribusi_files">
-	{% for id, describe_form in distribusi_file_forms.items() %}
-	<div class="distribusi_file">
-		{% if describe_form.type == "image" %}
-			<img src="{{describe_form.file_path}}" alt="" />
-		{% elif describe_form.type == "video" %}
-			<video src="{{describe_form.file_path}}" preload="auto" alt="" controls></video>
-		{% elif describe_form.type == "audio" %}
-			<audio src="{{describe_form.file_path}}" preload="auto" alt="" controls></audio>
-		{% else %}
-			<a href="{{describe_form.file_path}}">file: {{describe_form.file_path}}</a>
-		{% endif %}
-		<form id={{id}} method="POST" enctype="multipart/form-data" action="{{ url_for('describer.describe_file', file_id=id) }}">
-			{{ describe_form.csrf_token }}
-			<p>File path: {{describe_form.file_path}}</p>
-			<fieldset class="">
-				{{ describe_form.description.label }}
-				{{ describe_form.description }}
-				{% for message in describe_form.description.errors %}
-				<div class="error">{{ message }}</div>
-				{% endfor %}
-			</fieldset>
-			<fieldset class="">
-				{{ describe_form.searchtags.label }}
-				{{ describe_form.searchtags }}
-				{% for message in describe_form.searchtags.errors %}
-				<div class="error">{{ message }}</div>
-				{% endfor %}
-			</fieldset>
-			<fieldset class="">
-				{{ describe_form.alttext.label }}
-				{{ describe_form.alttext }}
-				{% for message in describe_form.alttext.errors %}
-				<div class="error">{{ message }}</div>
-				{% endfor %}
-			</fieldset>
-			<fieldset class="button">
-				{{ describe_form.save }}
-			</fieldset>
-		</form>
+<div id="mainworkflow">
+	<div class="distribusi_files">
+		{% for id, describe_form in distribusi_file_forms.items() %}
+		<div class="distribusi_file">
+			{% if describe_form.type == "image" %}
+				<img src="{{describe_form.file_path}}" alt="" data-src="{{describe_form.file_path}}" loading="lazy"/>
+			{% elif describe_form.type == "video" %}
+				<video src="{{describe_form.file_path}}" preload="auto" alt="" controls loading="lazy"></video>
+			{% elif describe_form.type == "audio" %}
+				<audio src="{{describe_form.file_path}}" preload="auto" alt="" controls loading="lazy"> </audio>
+			{% else %}
+				<a href="{{describe_form.file_path}}">file: {{describe_form.file_path}}</a>
+			{% endif %}
+			<form id={{id}} method="POST" enctype="multipart/form-data" action="{{ url_for('describer.describe_file', file_id=id) }}">
+				{{ describe_form.csrf_token }}
+				<p>File path: {{describe_form.file_path}}</p>
+				<fieldset class="">
+					{{ describe_form.description.label }}
+					{{ describe_form.description }}
+					{% for message in describe_form.description.errors %}
+					<div class="error">{{ message }}</div>
+					{% endfor %}
+				</fieldset>
+				<fieldset class="">
+					{{ describe_form.searchtags.label }}
+					{{ describe_form.searchtags }}
+					{% for message in describe_form.searchtags.errors %}
+					<div class="error">{{ message }}</div>
+					{% endfor %}
+				</fieldset>
+				<fieldset class="">
+					{{ describe_form.alttext.label }}
+					{{ describe_form.alttext }}
+					{% for message in describe_form.alttext.errors %}
+					<div class="error">{{ message }}</div>
+					{% endfor %}
+				</fieldset>
+				<fieldset class="button">
+					{{ describe_form.save }}
+				</fieldset>
+			</form>
+		</div>
+		{% endfor%}
 	</div>
-	{% endfor%}
 </div>
-
 {% endblock %}
diff --git a/verse/static/css/style.css b/verse/static/css/style.css
index 900ee56..c0939f0 100644
--- a/verse/static/css/style.css
+++ b/verse/static/css/style.css
@@ -177,8 +177,6 @@ a:active {
 .distribusi_file {
   margin-top: 1em;
   padding: 0.5em;
-  padding-left: auto;
-  padding-right: auto;
   width: 45em;
   background-color:#fdfdfd;
   text-decoration: none;