From 488b441d484f6e07d35c9f2fd6d153a582cd5b6d Mon Sep 17 00:00:00 2001
From: EETagent <vojta.jungmann@gmail.com>
Date: Tue, 29 Nov 2022 11:27:11 +0100
Subject: [PATCH] feat: layout changes

---
 frontend/src/routes/register/+page.svelte | 36 ++++++++++++-----------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/frontend/src/routes/register/+page.svelte b/frontend/src/routes/register/+page.svelte
index 5cbaf1c..fe53521 100644
--- a/frontend/src/routes/register/+page.svelte
+++ b/frontend/src/routes/register/+page.svelte
@@ -232,7 +232,7 @@
 			<p class="block mt-8 font-light text-sspsGray text-center">
 				Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br /> Fusce suscipit libero eget elit.
 			</p>
-			<div class="flex flex-col w-full">
+			<div class="flex flex-row md:flex-col w-full">
 				<span class="w-full mt-8">
 					<TextField
 						error={$errors.citizenship}
@@ -242,6 +242,15 @@
 						placeholder="Občanství"
 					/>
 				</span>
+				<span class="w-full mt-8 ml-2 md:m-0">
+					<TextField
+						error={$errors.applicationId}
+						on:change={handleChange}
+						bind:value={$form.applicationId}
+						type="text"
+						placeholder="Evidenční číslo přihlášky"
+					/>
+				</span>
 			</div>
 			<div class="mt-8 flex items-center justify-center w-full">
 				<IdField
@@ -250,22 +259,15 @@
 					bind:value={$form.personalId}
 					placeholder="Rodné číslo"
 				/>
-				<TextField
-					error={$errors.study}
-					on:change={handleChange}
-					bind:value={$form.study}
-					type="text"
-					placeholder="Obor"
-				/>
-			</div>
-			<div class="mt-8 flex flex-col w-full">
-				<TextField
-					error={$errors.applicationId}
-					on:change={handleChange}
-					bind:value={$form.applicationId}
-					type="text"
-					placeholder="Evidenční číslo přihlášky"
-				/>
+				<span class="ml-2 md:ml-0">
+					<TextField
+						error={$errors.study}
+						on:change={handleChange}
+						bind:value={$form.study}
+						type="text"
+						placeholder="Obor"
+					/>
+				</span>
 			</div>
 		{/if}
 		<input