redistribusi button in flex with correct sticky

verse/describer/static/css/describer.css

@@ -1,15 +1,25 @@
+#describe_workflow {
+  display: flex;
+  width: 60em;
+  margin:0 auto;
+}
+
 .redistribusi {
   position: sticky;
-  position: -webkit-sticky; /* Safari */
+  top: 2em;
-  top: 1em;
+  margin-top: 2em;
+  margin-left: 1em;
   width: 15em;
+  height: 10em;
   border-style: outset;
+  float: right;
+  padding: 0.5em;
 }
 
 .distribusi_file {
-  margin-top: 1em;
+  margin-top: 2em;
   padding: 0.5em;
-  width: 45em;
+  width: 42em;
   background-color:#fdfdfd;
   text-decoration: none;
   scroll-behavior: smooth;

verse/describer/templates/describe_files/describe.html

@@ -26,10 +26,7 @@
 		</a>
 	</div>
 </div>
-<div id="mainworkflow">
+<div id="describe_workflow">
-	{% block redistribusi %}
-	{% include "redistribusi.html" %}
-	{% endblock redistribusi%}
 	<div class="distribusi_files">
 		{% for id, describe_form in distribusi_file_forms.items() %}
 		<div class="distribusi_file">
@@ -73,6 +70,9 @@
 		</div>
 		{% endfor%}
 	</div>
+	{% block redistribusi %}
+	{% include "redistribusi.html" %}
+	{% endblock redistribusi%}
 </div>
 <link rel="stylesheet" type="text/css" href="{{ url_for('describer.static', filename='css/describer.css')}}">
 {% endblock %}

verse/describer/templates/describe_files/redistribusi.html

@@ -4,7 +4,6 @@
   <form id={{distribusiname}} method="POST" enctype="multipart/form-data" action="{{ url_for('describer.re_distribusi_files', distribusiname=distribusiname) }}">
     {{ redistribusi_form.csrf_token }}
     <fieldset class="">
-      {{ redistribusi_form.submit.label }}
       {{ redistribusi_form.submit }}
       {% for message in redistribusi_form.submit.errors %}
       <div class="error">{{ message }}</div>