Make IP ban table scrollable

svelte/src/admin_panel/IPBans.svelte

@@ -157,30 +157,32 @@ onMount(get_bans);
 					<i class="icon">delete</i>
 				</button>
 			</div>
-			<table>
+			<div class="table_scroll">
-				<tr>
+				<table>
-					<td>Reason</td>
-					<td>Reporter</td>
-					<td>Ban time</td>
-					<td>Expire time</td>
-					<td>File</td>
-				</tr>
-				{#each row.offences as offence (offence.ban_time)}
 					<tr>
-						<td>{offence.reason}</td>
+						<td>Reason</td>
-						<td>{offence.reporter}</td>
+						<td>Reporter</td>
-						<td>{formatDate(offence.ban_time, true, true, false)}</td>
+						<td>Ban time</td>
-						<td>{formatDate(offence.expire_time, true, true, false)}</td>
+						<td>Expire time</td>
-						<td>
+						<td>File</td>
-							{#if offence.file_public_id}
-								<a href="/u/{offence.file_public_id}" target="_blank">
-									{offence.file_name}
-								</a>
-							{/if}
-						</td>
 					</tr>
-				{/each}
+					{#each row.offences as offence (offence.ban_time)}
-			</table>
+						<tr>
+							<td>{offence.reason}</td>
+							<td>{offence.reporter}</td>
+							<td>{formatDate(offence.ban_time, true, true, false)}</td>
+							<td>{formatDate(offence.expire_time, true, true, false)}</td>
+							<td>
+								{#if offence.file_public_id}
+									<a href="/u/{offence.file_public_id}" target="_blank">
+										{offence.file_name}
+									</a>
+								{/if}
+							</td>
+						</tr>
+					{/each}
+				</table>
+			</div>
 		</Expandable>
 	{/each}
 </section>

svelte/src/admin_panel/Router.svelte

@@ -49,14 +49,14 @@ onMount(() => {
 			class:button_highlight={page === "abuse_reports"}
 			on:click|preventDefault={() => {navigate("abuse_reports", "Abuse reports")}}>
 			<i class="icon">flag</i>
-			User abuse reports
+			User reports
 		</a>
 		<a class="button"
 			href="/admin/abuse_reporters"
 			class:button_highlight={page === "abuse_reporters"}
 			on:click|preventDefault={() => {navigate("abuse_reporters", "Abuse reporters")}}>
 			<i class="icon">email</i>
-			E-mail abuse reporters
+			E-mail reporters
 		</a>
 		<a class="button"
 			href="/admin/ip_bans"
@@ -74,7 +74,7 @@ onMount(() => {
 		</a>
 		<a class="button" href="/admin/globals">
 			<i class="icon">edit</i>
-			Update global settings
+			Global settings
 		</a>
 	</div>
 </header>