Some small fixes

svelte/src/file_viewer/FileViewer.svelte

@@ -722,6 +722,7 @@ const keyboard_event = evt => {
 .file_preview_container.custom_background {
 	background-size: cover;
 	background-position: center;
+	background-color: var(--layer_1_color);
 }
 
 /* Toolbars */

svelte/src/file_viewer/viewers/Abuse.svelte

@@ -11,7 +11,7 @@ let file = {
 </script>
 
 <br/>
-<TextBlock>
+<TextBlock center={true}>
 	<h1>Unavailable for legal reasons</h1>
 	<p>
 		This file has received an abuse report and was taken down.

svelte/src/file_viewer/viewers/TextBlock.svelte

@@ -1,8 +1,9 @@
 <script>
 export let width = "800px"
+export let center = false
 </script>
 
-<div class="block" style="max-width: {width};">
+<div class="block" class:center style="max-width: {width};">
 	<slot></slot>
 </div>
 
@@ -17,4 +18,7 @@ export let width = "800px"
 	border-radius: 16px;
 	padding: 8px;
 }
+.center {
+	text-align: center;
+}
 </style>

svelte/src/user_home/AccountSettings.svelte

@@ -139,7 +139,9 @@ let delete_account = {
 		return {success: true, message: "Success! Your account has been scheduled for deletion in 7 days"}
 	},
 }
+
 let success_message
+let changes_made = false
 
 let file_picker
 let theme = ""
@@ -169,6 +171,8 @@ let add_file = files => {
 	} else if (currently_selecting === "footer") {
 		footer_image_id = files[0].id
 	}
+
+	changes_made = true
 }
 let save = async () => {
 	const form = new FormData()
@@ -189,6 +193,7 @@ let save = async () => {
 	}
 
 	success_message.set(true, "Changes saved")
+	changes_made = false
 }
 
 onMount(() => {
@@ -246,7 +251,7 @@ onMount(() => {
 		theme preference of the person viewing the file. Set to 'None' to let
 		the viewer choose their own theme.
 	</p>
-	<ThemePicker theme={theme} on:theme_change={e => theme = e.detail}></ThemePicker>
+	<ThemePicker theme={theme} on:theme_change={e => {theme = e.detail; changes_made = true}}></ThemePicker>
 
 	<h3>Header image</h3>
 	<p>
@@ -307,12 +312,14 @@ onMount(() => {
 		</div>
 	{/if}
 
-	<br/>
-	<br/>
+	<hr/>
 
-	<button on:click={save}>
+
+	<button on:click={save} class:button_highlight={changes_made}>
 		<i class="icon">save</i> Save
 	</button>
+	<br/>
+	<br/>
 </section>
 
 <FilePicker bind:this={file_picker} on:files={e => {add_file(e.detail)}} multi_select={false}></FilePicker>

svelte/src/user_home/ActivityLog.svelte

@@ -94,7 +94,11 @@ onMount(() => {
 								{/if}
 							</td>
 							<td>
-								{row.file_name}
+								{#if row.event === "file_instance_blocked"}
+									<a href="/u/{row.file_id}">{row.file_name}</a>
+								{:else}
+									{row.file_name}
+								{/if}
 							</td>
 							<td>
 								{row.file_removal_reason}