From 23d6247d350e8f5489f8a2c56de647b49bf407d9 Mon Sep 17 00:00:00 2001
From: Daniel Bulant <danbulant@gmail.com>
Date: Sun, 23 May 2021 18:10:16 +0200
Subject: [PATCH] improve styles for the search page

---
 src/pages/index.svelte | 41 ++++++++++++++++++++++++++++++++++++-----
 1 file changed, 36 insertions(+), 5 deletions(-)

diff --git a/src/pages/index.svelte b/src/pages/index.svelte
index af713cf..17105d5 100644
--- a/src/pages/index.svelte
+++ b/src/pages/index.svelte
@@ -76,11 +76,24 @@
 		Loading...
 	{:then result}
 		<div class="flex">
-			<div>
-				Showing results: {result.results.length}
-				<br>
-				Total results: {result.total}
-			</div>
+			<table>
+				<tr>
+					<td>
+						Showing results:
+					</td>
+					<td class="value">
+						{result.results.length}
+					</td>
+				</tr>
+				<tr>
+					<td>
+						Total results:
+					</td>
+					<td class="value">
+						{result.total}
+					</td>
+				</tr>
+			</table>
 			<div>
 				<button on:click={() => randomManga()} disabled={randomMangaLoading}>Random</button>
 			</div>
@@ -111,4 +124,22 @@
 		display: flex;
 		justify-content: space-between;
 	}
+	.value {
+		text-align: right;
+	}
+
+	ul {
+		padding: 0;
+	}
+
+	li {
+		padding: 4px 0;
+	}
+
+	a {
+		color: black;
+	}
+	a:hover {
+		color: rgb(0,100,200);
+	}
 </style>