From 50334543a5dfd0c1d77ea3307d643bbe5ad12e20 Mon Sep 17 00:00:00 2001
From: tree <tree@hidden.cz>
Date: Thu, 7 Apr 2022 20:32:58 +0200
Subject: [PATCH] Update

---
 src/routes/vstupenky.svelte | 37 +++++++++++++++++++------------------
 1 file changed, 19 insertions(+), 18 deletions(-)

diff --git a/src/routes/vstupenky.svelte b/src/routes/vstupenky.svelte
index a234857..6e8ede6 100644
--- a/src/routes/vstupenky.svelte
+++ b/src/routes/vstupenky.svelte
@@ -143,7 +143,7 @@
       <div class="mt-6">
         <div class="uppercase text-sm font-bold">Email</div>
         <div class="mt-2 text-sm">Kontaktní email, na který budou zaslány vstupenky.</div>
-        <div class="mt-2"><input type="text" class="border border-blue-web rounded-md p-2 w-1/2 text-blue-web" bind:value={$orderTicketForm.email} /></div>
+        <div class="mt-2"><input type="text" class="border border-blue-web rounded-md p-2 w-full lg:w-1/2 text-blue-web" bind:value={$orderTicketForm.email} /></div>
       </div>
       <div class="mt-6">
         <div class="uppercase text-sm font-bold">Údaje na jmenovku</div>
@@ -156,7 +156,7 @@
               <div class="uppercase font-bold">Vstupenka #{i+1}</div>
               <div class="md:flex gap-2">
                 <div class="mt-2 flex-1">
-                  <div class="uppercase text-sm">Jméno</div>
+                  <div class="uppercase text-sm">Jméno (Přezdívka)</div>
                   <div class="mt-2"><input type="text" class="border border-blue-web rounded-md p-2 w-full text-blue-web" bind:value={$orderTicketForm.tickets[i].name} placeholder="{faker.name.findName()}" /></div>
                 </div>
                 <div class="mt-2 flex-1">
@@ -172,16 +172,6 @@
           </div>
         {/each}
       </div>
-      <div class="mt-4">
-        <div class="uppercase text-sm font-bold">Platební metoda</div>
-        <div class="mt-2">
-          {#each paymentMethods as pm}
-            <div class="mb-2">
-              <label class="cursor-pointer"><input checked={$orderTicketForm.paymentMethod === pm.id} name="paymentMethod" value="{pm.id}" type="radio" on:change={selectPaymentMethod} /> {pm.name}</label>
-            </div>
-          {/each}
-        </div>
-      </div>
       <div class="mt-6">
         <div class="uppercase text-sm font-bold">Dýško pro organizátory</div>
         <div class="mt-2 flex flex-wrap gap-2">
@@ -191,13 +181,24 @@
           <div class="px-2 py-1 {$orderTicketForm.tipCustom > 0 ? 'px-5 border border-blue-web rounded-full bg-blue-web text-white' : ''}">Jiná částka: <input class="border border border-blue-web rounded-md px-2 py-1 text-blue-web w-16" bind:value={$orderTicketForm.tipCustom} /> Kč</div>
         </div>
       </div>
-      <div class="mt-10">
-        <div class="uppercase text-sm font-bold">Shrnutí objednávky</div>
-        <div class="mt-2">{$orderTicketForm.count} x vstupenka za {defaultTicketPrice} Kč {#if tip} + dýško {tip} Kč{/if} = <span class="font-bold">{totalPrice} Kč</span></div>
-        <div class="mt-2">Celkem k platbě: <span class="font-bold">{totalPrice} Kč</span> {#if $orderTicketForm.paymentMethod === 'btcpay'}(v BTC){/if}</div>
+      <div class="mt-8">
+        <div class="uppercase text-sm font-bold">Platební metoda</div>
+        <div class="mt-2">
+          {#each paymentMethods as pm}
+            <div class="mb-2">
+              <label class="cursor-pointer"><input checked={$orderTicketForm.paymentMethod === pm.id} name="paymentMethod" value="{pm.id}" type="radio" on:change={selectPaymentMethod} /> {pm.name}</label>
+            </div>
+          {/each}
+        </div>
       </div>
-      <div class="mt-4">
-        <button class="bg-utxo-gradient hover:drop-shadow-md text-white font-bold py-2 px-4 rounded-full" on:click={submitOrderHandler}>Odeslat objednávku - zaplatit {totalPrice} Kč {#if $orderTicketForm.paymentMethod === 'btcpay'}bitcoinem{:else}platební kartou{/if}</button>
+      <div class="mt-6 py-3 px-4 bg-white rounded-md shadow-md text-sm">
+        <div class="uppercase text-sm font-bold">Shrnutí objednávky</div>
+        <div class="mt-1.5">{$orderTicketForm.count} x vstupenka za {defaultTicketPrice} Kč {#if tip} + dýško {tip} Kč{/if} = <span class="font-bold">{totalPrice} Kč</span></div>
+        <div class="mt-1.5">Platební metoda: <span class="font-bold">{#if $orderTicketForm.paymentMethod === 'btcpay'}Bitcoin{:else}Platební karta{/if}</span></div>
+        <div class="mt-1.5">Celkem: <span class="font-bold">{totalPrice} Kč</span> {#if $orderTicketForm.paymentMethod === 'btcpay'}(v BTC){/if}</div>
+      </div>
+      <div class="mt-6">
+        <button class="bg-utxo-gradient hover:drop-shadow-md text-white font-semibold py-2 px-4 rounded-full" on:click={submitOrderHandler}>Odeslat objednávku - zaplatit {totalPrice} Kč {#if $orderTicketForm.paymentMethod === 'btcpay'}bitcoinem{:else}platební kartou{/if}</button>
       </div>
     </div>
   </div>