From 2a9fc5d9d50dc4319174c1289f4db1cebe63d8bf Mon Sep 17 00:00:00 2001
From: Fornax <wim@fornaxian.tech>
Date: Tue, 8 Feb 2022 23:55:47 +0100
Subject: [PATCH] Rounding some corners before I go to bed

---
 svelte/src/file_viewer/viewers/File.svelte         |  2 +-
 .../file_viewer/viewers/LargeFileMessage.svelte    |  2 +-
 svelte/src/file_viewer/viewers/RateLimit.svelte    |  3 ++-
 svelte/src/file_viewer/viewers/TextBlock.svelte    |  2 +-
 svelte/src/file_viewer/viewers/Video.svelte        | 14 ++++++++++----
 5 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/svelte/src/file_viewer/viewers/File.svelte b/svelte/src/file_viewer/viewers/File.svelte
index 0bb3798..3ca2a64 100644
--- a/svelte/src/file_viewer/viewers/File.svelte
+++ b/svelte/src/file_viewer/viewers/File.svelte
@@ -23,7 +23,7 @@ let file = {
 	No preview is available for this file type. Download to view it locally.
 	<br/>
 	<button class="button_highlight" on:click={() => {dispatch("download")}}>
-		<i class="icon">save</i>
+		<i class="icon">download</i>
 		<span>Download</span>
 	</button>
 </TextBlock>
diff --git a/svelte/src/file_viewer/viewers/LargeFileMessage.svelte b/svelte/src/file_viewer/viewers/LargeFileMessage.svelte
index f50f886..c4cc0d7 100644
--- a/svelte/src/file_viewer/viewers/LargeFileMessage.svelte
+++ b/svelte/src/file_viewer/viewers/LargeFileMessage.svelte
@@ -12,7 +12,7 @@ export let file = {
 
 {#if file.show_ads && file.size > 1e8}
 	<!-- If the file is larger than 100 MB we show a warning about the transfer speed -->
-	<TextBlock width="650px">
+	<TextBlock width="650px" center={true}>
 		Your download speed is currently limited to 4 MiB/s. Downloading this
 		file for free will take at least
 		{formatDuration((file.size/4194304)*1000)} (under ideal conditions).
diff --git a/svelte/src/file_viewer/viewers/RateLimit.svelte b/svelte/src/file_viewer/viewers/RateLimit.svelte
index 538343f..40c7c9f 100644
--- a/svelte/src/file_viewer/viewers/RateLimit.svelte
+++ b/svelte/src/file_viewer/viewers/RateLimit.svelte
@@ -62,8 +62,9 @@ let file = {
 <style>
 .file_thumbnail {
 	display: inline-block;
-	vertical-align: top;
+	vertical-align: middle;
 	height: 6em;
+	border-radius: 8px;
 }
 .file_description {
 	display: inline-block;
diff --git a/svelte/src/file_viewer/viewers/TextBlock.svelte b/svelte/src/file_viewer/viewers/TextBlock.svelte
index 542c7f4..4e35977 100644
--- a/svelte/src/file_viewer/viewers/TextBlock.svelte
+++ b/svelte/src/file_viewer/viewers/TextBlock.svelte
@@ -15,7 +15,7 @@ export let center = false
 	vertical-align: middle;
 
 	background-color: rgba(0, 0, 0, 0.5);
-	border-radius: 16px;
+	border-radius: 8px;
 	padding: 8px;
 }
 .center {
diff --git a/svelte/src/file_viewer/viewers/Video.svelte b/svelte/src/file_viewer/viewers/Video.svelte
index 3125785..6ab8f4b 100644
--- a/svelte/src/file_viewer/viewers/Video.svelte
+++ b/svelte/src/file_viewer/viewers/Video.svelte
@@ -76,17 +76,18 @@ let download = () => { dispatch("download", {}) }
 		{/if}
 	{:else}
 		<h1>{file.name}</h1>
-		<img src={file.icon_href} alt="Video icon" style="display: inline-block; vertical-align: top;">
+		<img src={file.icon_href} class="video_icon" alt="Video icon">
 		<TextBlock width="600px">
 			The online video player on pixeldrain is only available when the
-			uploader of the file or the viewer pays for the bandwidth usage. You
-			can still download the video and watch it locally on your computer.
+			uploader of the video has a Pro account, or if you have a Pro
+			account. You can still download the video and watch it locally on
+			your computer.
 			<br/>
 			<a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291427&cadence=12" class="button button_highlight">
 				<i class="icon">upgrade</i> Upgrade to Pro
 			</a>
 			<button on:click={download}>
-				<i class="icon">save</i> Download
+				<i class="icon">download</i> Download
 			</button>
 		</TextBlock>
 		<br/><br/>
@@ -111,4 +112,9 @@ let download = () => { dispatch("download", {}) }
 	top: 50%;
 	transform: translateY(-50%);
 }
+.video_icon {
+	display: inline-block;
+	vertical-align: middle;
+	border-radius: 8px;
+}
 </style>