Make abuse reports scrollable in small screen

svelte/src/admin_panel/AbuseReport.svelte

@@ -71,6 +71,7 @@ let set_status = async (action, report_type) => {
 			></iframe>
 			{/if}
 		</div>
+		<div class="table_scroll">
 			<table>
 				<tr>
 					<td>Time</td>
@@ -102,7 +103,7 @@ let set_status = async (action, report_type) => {
 					{#if user_report.description !== ""}
 						<tr>
 							<td>Description</td>
-						<td colspan="4" style="white-space: pre;">
+							<td colspan="5" style="white-space: pre-wrap; word-wrap: break-word;">
 								{user_report.description}
 							</td>
 						</tr>
@@ -110,6 +111,7 @@ let set_status = async (action, report_type) => {
 				{/each}
 			</table>
 		</div>
+	</div>
 </Expandable>
 
 <style>

svelte/src/admin_panel/AbuseReports.svelte

@@ -139,7 +139,7 @@ const remove_report = (id = "") => {
 
 	// If a refresh is already scheduled we remove it and schedule a new one
 	clearTimeout(refresh_timeout)
-	refresh_timeout = setTimeout(get_reports, 5000)
+	refresh_timeout = setTimeout(get_reports, 10000)
 }
 
 onMount(() => {
@@ -151,6 +151,8 @@ onMount(() => {
 	endPicker.valueAsNumber = end.getTime()
 
 	get_reports()
+
+	return () => clearTimeout(refresh_timeout)
 });
 </script>