Formatting

src/routes/details.svelte

@@ -4,32 +4,31 @@
 
 	let shortcode = $page.query.get('shortcode');
 	$: urlDetails = {
-        shortcode: "Loading...",
-        url: "Loading...",
-        target: "Loading...",
-        visits: "Loading..."
+		shortcode: 'Loading...',
+		url: 'Loading...',
+		target: 'Loading...',
+		visits: 'Loading...'
 	};
 	$: urlVisists = [];
 
-    Apiclient.getUrlDetails(shortcode).then((res)=>{
-        urlDetails=res;
+	Apiclient.getUrlDetails(shortcode).then((res) => {
+		urlDetails = res;
 	});
-    let visitQuery = Apiclient.getUrlVisits(shortcode).then((res)=>{
-        urlVisists=res;
+	let visitQuery = Apiclient.getUrlVisits(shortcode).then((res) => {
+		urlVisists = res;
 	});
 </script>
 
 <h2 class="text-3xl font-bold text-gray-800 dark:text-gray-100 pb-6">Details: {shortcode}</h2>
 
- 
 <div class="text-gray-800 dark:text-gray-100">
-    <h2>Shortcode:</h2> 
-    {urlDetails.shortcode}
-    <h2>URL:</h2> 
-    {urlDetails.url}
-    <h2>Target:</h2> 
-    {urlDetails.target}
-    <h2>Visits:</h2> 
+	<span>Shortcode:</span>
+	{urlDetails.shortcode} <br />
+	<span>URL:</span>
+	{urlDetails.url} <br />
+	<span>Target:</span>
+	{urlDetails.target} <br />
+	<span>Visits:</span>
 	{urlDetails.visits}
 </div>