last minute makeawish updates

make_a_wish/templates/make_a_wish/header/wish_header.html

@@ -5,10 +5,10 @@
 
 {% block content_container %}
     <div class="w-full">
-        <div class="container--wide flex justify-between items-end w-full">
+        <div class="container--wide flex xl:flex-row flex-col justify-between items-center xl:items-end w-full">
             <div class="text-white flex flex-col">
                 <h1
-                    class="mb-1 head-14xl xl:pb-14 xl:block hidden"
+                    class="mb-1 head-9xl xl:head-14xl xl:pb-14"
                 >
                     {{ title }}
                 </h1>

make_a_wish/templates/make_a_wish/make_a_wish_root.html

@@ -18,19 +18,19 @@
         <div class="container--wide grid grid-cols-1 xl:grid-cols-2 gap-8">
             <div>
                 {% block top_content %}
-                    <div class="prose prose-black text-2xl xl:text-3xl mb-8 xl:!w-[115%%]">
+                    <div class="prose prose-black text-2xl xl:text-3xl mb-8 xl:!w-[115%%]" style="margin-top: -30px">
                         {{ page.main_text }}
                     </div>
 
-                    <div class="bg-grey-175 border-grey-200 border-2 xl:!w-[115%]">
+                    <div class="bg-grey-175 xl:!w-[115%]">
                         <div class="flex gap-0 xl:flex-row flex-col">
                             {% image page.new_wish_image original class="h-32 xl:flex-1" style="height:6rem" %}
 
                             <div
                                 class="
-                                    font-alt text-3xl xl:border-l-2 border-grey-200 xl:w-48 justify-center items-center flex
-                                    hover:bg-grey-600 duration-100 cursor-pointer bg-black text-white
-                                    h-24
+                                    font-alt text-3xl xl:flex items-center px-6
+                                    duration-100 cursor-pointer bg-white text-black
+                                    h-24 flex justify-center items-center
                                 "
                                 id="open_wish"
                             >
@@ -40,7 +40,7 @@
 
                         <div class="hidden duration-150" id="make_a_wish">
                             <form
-                                class="border-t-2 border-grey-200 p-8"
+                                class="p-8"
                                 action="{% pageurl page %}"
                                 method="post"
                             >
@@ -52,7 +52,7 @@
                                 {% endfor %}
 
                                 <textarea
-                                    class="bg-white font-alt p-3 text-3xl border-2 border-grey-200 w-full"
+                                    class="bg-white font-alt p-3 text-3xl w-full"
                                     placeholder="Přeju si, aby..."
                                     name="vase_prani"
                                     id="id_vase_prani"
@@ -61,7 +61,7 @@
                                 <div class="flex xl:gap-6 gap-4 justify-center mt-4 xl:flex-row flex-col">
                                     <input
                                         type="text"
-                                        class="bg-white font-alt p-3 text-3xl border-2 border-grey-200 flex-1"
+                                        class="bg-white font-alt p-3 text-3xl flex-1"
                                         placeholder="Jméno & příjmení"
                                         name="jmeno_a_prijmeni"
                                         id="id_jmeno_a_prijmeni"
@@ -69,7 +69,7 @@
 
                                     <input
                                         type="email"
-                                        class="bg-white font-alt p-3 text-3xl border-2 border-grey-200 flex-1"
+                                        class="bg-white font-alt p-3 text-3xl flex-1"
                                         placeholder="E-mail"
                                         name="e_mail"
                                         id="id_e_mail"
@@ -79,7 +79,7 @@
                                 <div class="mt-4">
                                     <input
                                         type="submit"
-                                        class="bg-black duration-150 font-alt text-4xl p-3 hover:bg-grey-600 text-white w-full cursor-pointer"
+                                        class="bg-duration-150 font-alt text-4xl p-3 hover:bg-grey-600 text-white bg-black w-full cursor-pointer"
                                         value="Odeslat přání"
                                     >
                                 </div>
@@ -97,7 +97,7 @@
                         width="720"
                         height="1280"
                         class="w-full xl:w-96 xl:mr-16"
-                        autoplay controls muted
+                        autoplay controls muted loop playsinline
                     >
                         <source src="{{ page.video_url }}" type="video/mp4">
                     </video>