wip

src/components/donors/DonorDetail.svelte

@@ -101,40 +101,7 @@
 				<nav class="w-full flex">
 					<ol class="list-none flex flex-row items-center justify-start">
 						<li class="flex items-center">
-							<svg
-								fill="currentColor"
-								xmlns="http://www.w3.org/2000/svg"
-								viewBox="0 0 24 24"
-								width="24"
-								height="24"
-								><path fill="none" d="M0 0h24v24H0z" />
-								<path
-									d="M9.33 11.5h2.17A4.5 4.5 0 0 1 16 16H8.999L9 17h8v-1a5.578 5.578 0 0 0-.886-3H19a5 5 0 0 1 4.516 2.851C21.151 18.972 17.322 21 13 21c-2.761 0-5.1-.59-7-1.625L6 10.071A6.967 6.967 0 0 1 9.33 11.5zM5 19a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v9zM18 5a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm-7-3a3 3 0 1 1 0 6 3 3 0 0 1 0-6z"
-								/></svg
-							>
-						</li>
-						<li class="flex items-center ml-2">
-							<a class="mr-2" href="./">{$_("donors")}</a><svg
-								stroke="currentColor"
-								fill="none"
-								stroke-width="2"
-								viewBox="0 0 24 24"
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								class="h-3 w-3 mr-2 stroke-current"
-								height="1em"
-								width="1em"
-								xmlns="http://www.w3.org/2000/svg"
-								><line x1="5" y1="12" x2="19" y2="12" />
-								<polyline points="12 5 19 12 12 19" /></svg
-							>
-						</li>
-						<li class="flex items-center">
-							<span class="mr-2"
-								>{original_data.firstname}
-								{original_data.middlename || ""}
-								{original_data.lastname}</span
-							>
+							<a class="mr-2" href="./"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="inline-block"><path d="m12 19-7-7 7-7"/><path d="M19 12H5"/></svg> {$_("donors")}</a>
 						</li>
 					</ol>
 				</nav>
@@ -215,7 +182,7 @@
 					{:else}
 						<a
 							href="../donations/{d.id}"
-							class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-700 text-white mr-1"
+							class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full border border-current bg-green-700 text-white mr-1"
 							>{$_("fixed-donation")}:
 							{(d.amount / 100)
 								.toFixed(2)

src/components/donors/DonorDonations.svelte

@@ -18,7 +18,7 @@
     {:else}
       <a
         href="../donations/{donation.id}"
-        class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-700 text-white mr-1"
+        class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full border border-current bg-green-700 text-white mr-1"
         >{$_("fixed-donation")}:
         {(donation.amount / 100)
           .toFixed(2)