elections2021: Going to vote page

elections2021/templates/elections2021/_going_to_vote_section.html

@@ -10,7 +10,7 @@
       <h3 class="accordeon-row-heading head-alt-xs">{{ title }}</h3>
     {% endif %}
   </label>
-  <div class="accordeon-row-body text-left pl-11 pr-12">
+  <div class="accordeon-row-body text-left">
     <div class="content-block">
       <h3 class="head-alt-md pt-2">{{ title|default:"" }}</h3>
       {{ text|richtext }}

elections2021/templates/elections2021/elections2021_going_to_vote_page.html

@@ -21,7 +21,7 @@
     }
 
     #young_voters .accordeon-row-body {
-      background: white;
+      background: black;
       color: white;
     }
 
@@ -154,6 +154,11 @@
         background: transparent;
       }
 
+      #young_voters .text-left {
+        padding-left: 1.5rem;
+        padding-right: 3.5rem;
+      }
+
       #young_voters .ico--chevron-down {
         display: none;
       }
@@ -241,12 +246,14 @@
             {% if page.video %}
               <iframe width="640" height="446" src="{{ page.video }}" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
             {% endif %}
-            <!-- <ul class="actions"> -->
-            <!--   <li><a href="#" title="další informace" class="hover:elevation-1 text-2xl"><i class="ico--search"></i></a></li> -->
-            <!--   <li><a href="#" title="další videa" class="hover:elevation-1 text-2xl"><i class="ico--chevron-right"></i></a></li> -->
-            <!--   <li><a href="#" title="sdílet video" class="hover:elevation-1 text-2xl"><i class="ico--link"></i></a></li> -->
-            <!--   <li><a href="#" title="celý program s výběrem věku" class="hover:elevation-1 text-2xl"><i class="ico--menu"></i></a></li> -->
-            <!-- </ul> -->
+            {% comment %}
+            <ul class="actions">
+              <li><a href="#" title="další informace" class="hover:elevation-1 text-2xl"><i class="ico--search"></i></a></li>
+              <li><a href="#" title="další videa" class="hover:elevation-1 text-2xl"><i class="ico--chevron-right"></i></a></li>
+              <li><a href="#" title="sdílet video" class="hover:elevation-1 text-2xl"><i class="ico--link"></i></a></li>
+              <li><a href="#" title="celý program s výběrem věku" class="hover:elevation-1 text-2xl"><i class="ico--menu"></i></a></li>
+            </ul>
+            {% endcomment %}
           </div>
           <div class="content-block"></div>
         </div>
@@ -259,6 +266,8 @@
 
     </section>
 
+    <section id="transport-result"></section>
+
     <section>
       <div class="flex justify-center">
         <div class="lg:w-2/3 pt-8">
@@ -270,8 +279,6 @@
       </div>
     </section>
 
-    <section id="transport-result"></section>
-
     <script type="module">
       const STATUS_SELECTOR = '[name="voters-status"]';
       const ROW_CLASS_NAME_SELECTOR = '.accordeon-row-body';