a bit of css wrangling

verse/describer/templates/describe_files/describe.html

@@ -26,15 +26,16 @@
 		</a>
 	</div>
 </div>
-<div class="distribusi_files">
+<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="" />
+				<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></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></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 %}
@@ -68,6 +69,6 @@
 			</form>
 		</div>
 		{% endfor%}
+	</div>
 </div>
-
 {% endblock %}

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;