fix object fit, css, required fields

make_a_wish/templates/make_a_wish/make_a_wish_root.html

@@ -24,7 +24,7 @@
 
                     <div class="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" %}
+                            {% image page.new_wish_image original class="h-32 xl:flex-1" style="height:6rem; object-fit:contain" %}
 
                             <div
                                 class="
@@ -52,30 +52,41 @@
                                 {% endfor %}
 
                                 <textarea
-                                    class="bg-white font-alt p-3 text-3xl w-full"
+                                    class="bg-grey-150 font-alt p-3 text-3xl w-full"
                                     placeholder="Přeju si, aby..."
                                     name="vase_prani"
                                     id="id_vase_prani"
+                                    required
                                 ></textarea>
 
                                 <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 flex-1"
+                                        class="bg-grey-150 font-alt p-3 text-3xl flex-1"
                                         placeholder="Jméno & příjmení"
                                         name="jmeno_a_prijmeni"
                                         id="id_jmeno_a_prijmeni"
+                                        required
                                     >
 
                                     <input
                                         type="email"
-                                        class="bg-white font-alt p-3 text-3xl flex-1"
+                                        class="bg-grey-150 font-alt p-3 text-3xl flex-1"
                                         placeholder="E-mail"
                                         name="e_mail"
                                         id="id_e_mail"
+                                        required
                                     >
                                 </div>
 
+                                <div class="mt-4">
+                                    <input type="checkbox" name="accepts_gdpr" id="accepts_gdpr" required="">
+                                    <label for="accepts_gdpr" class="text-lg">
+                                        Dávám souhlas se zpracováním osobních a údajů. Více o ochraně osobních údajů zde:
+                                        <a class="text-grey-600 underline" href="https://www.pirati.cz/ochrana-osobnich-udaju/">pirati.cz/ochrana-osobnich-udaju</a>
+                                    </label>
+                                </div>
+
                                 <div class="mt-4">
                                     <input
                                         type="submit"