wip

src/components/donations/DonationDetail.svelte

@@ -121,7 +121,7 @@
 {:then}
 	<section class="container p-5 select-none">
 		<div class="flex flex-row mb-4">
-			<div class="w-full">
+			<div class="mt-2 w-full">
 				<nav class="w-full flex">
 					<ol class="list-none flex flex-row items-center justify-start">
 						<li class="flex items-center">
@@ -146,7 +146,7 @@
 				</nav>
 			</div>
 		</div>
-		<div class="mb-8 text-3xl font-extrabold leading-tight">
+		<div class="mb-4 text-3xl font-extrabold leading-tight">
 			{original_data.donor.firstname}
 			{original_data.donor.middlename || ""}
 			{original_data.donor.lastname}
@@ -231,8 +231,8 @@
 			{/if}
 		</div>
 		<br />
-		<div class=" w-full">
-			<label for="donor" class="block font-medium text-gray-700"
+		<div class=" mt-2 w-full">
+			<label for="donor" class="block font-semibold text-gray-700"
 				>{$_("donor")}</label
 			>
 			<Select
@@ -254,8 +254,8 @@
 			/>
 		</div>
 		{#if original_data.responseType == "DISTANCEDONATION"}
-			<div class=" w-full">
-				<label for="donor" class="block font-medium text-gray-700"
+			<div class=" mt-2 w-full">
+				<label for="donor" class="block font-semibold text-gray-700"
 					>{$_("runner")}</label
 				>
 				<Select
@@ -273,7 +273,7 @@
 				/>
 			</div>
 		{/if}
-		<div class=" w-full">
+		<div class=" mt-2 w-full">
 			<label for="lastname" class="font-semibold text-gray-700">
 				{#if original_data.responseType == "DISTANCEDONATION"}
 					{$_("amount-per-kilometer")}
@@ -305,8 +305,8 @@
 				</span>
 			{/if}
 		</div>
-		<div class="w-full">
-			<label for="token" class="block text-sm font-medium text-gray-700"
+		<div class="mt-2 w-full">
+			<label for="token" class="block font-semibold text-gray-700"
 				>{$_("paid-amount")}</label
 			>
 			<div