add desc & wiki link, fix flex flow

rv_voting_calc/templates/rv_voting_calc/index.html

@@ -25,24 +25,19 @@
     <main>
         <h1 class="text-6xl font-bebas mb-5">Kalkulačka hlasování RV</h1>
 
-        <div class="grid grid-cols-1 md:grid-cols-2 gap-7 mb-5 pb-4 items-center border-b border-gray-100">
-            <h2 class="text-2xl font-bebas">Hlasy členů</h2>
+        <p class="mb-5 text-gray-800">
+            Jednací řád k nahlédnutí <a
+                class="underline"
+                href="https://wiki.pirati.cz/rules/jrrv#rozhodujici_hlasovani_pri_referendu"
+            >na wiki</a>, § 9 (3).
+        </p>
 
-            <div class="flex items-center gap-3 justify-between">
-                <h2 class="text-2xl font-bebas">Výsledky</h2>
-                <button
-                    class="btn disabled:cursor-progress"
-                    id="count-votes"
-                    {% if not options_by_member %}disabled{% endif %}
-                >
-                    <div class="btn__body">
-                        Vypočítat
-                    </div>
-                </button>
-            </div>
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-7">
+            <div>
+                <div class="flex items-center h-10 mb-5">
+                    <h2 class="text-2xl font-bebas">Hlasy členů</h2>
                 </div>
 
-        <div class="grid grid-cols-1 md:grid-cols-2 gap-7">
                 <ul class="flex flex-col gap-2">
                     {% for member in rv_members %}
                         <li class="flex gap-4 items-center">
@@ -58,6 +53,21 @@
                         </li>
                     {% endfor %}
                 </ul>
+            </div>
+            
+            <div>
+                <div class="flex items-center gap-3 justify-between mb-5">
+                    <h2 class="text-2xl font-bebas">Výsledky</h2>
+                    <button
+                        class="btn disabled:cursor-progress"
+                        id="count-votes"
+                        {% if not options_by_member %}disabled{% endif %}
+                    >
+                        <div class="btn__body">
+                            Vypočítat
+                        </div>
+                    </button>
+                </div>
 
                 <div>
                     <ul
@@ -81,6 +91,7 @@
                     </div>
                 </div>
             </div>
+        </div>
     </main>
 
     {{ keyed_rv_members|json_script:"rv-members" }}

shared/templates/shared/index.html

@@ -49,7 +49,7 @@
                         </a>
                     </h2>
                     <div class="font-light text-sm break-words">
-                        Výpočet velikosti skupiny členů podle jednacího řádu.
+                        Výpočet výsledku referenda RV, systémem alternativního hlasování.
                     </div>
                 </div>
             </li>