From 720856bb353ab66a773e0a438d8af7f0a2188641 Mon Sep 17 00:00:00 2001
From: Jake Mannens <jake@asger.xyz>
Date: Sun, 12 Apr 2026 17:41:11 +1000
Subject: v0.8a

---
 Pages/ViewMedia.razor | 44 ++++++++++++++++++++++++++++++++++----------
 1 file changed, 34 insertions(+), 10 deletions(-)

(limited to 'Pages/ViewMedia.razor')

diff --git a/Pages/ViewMedia.razor b/Pages/ViewMedia.razor
index c6ff2ce..27a366c 100644
--- a/Pages/ViewMedia.razor
+++ b/Pages/ViewMedia.razor
@@ -100,27 +100,51 @@
 			</div>
 			<div id="button-container">
 				<ButtonContainer>
-					<button @onclick=@(() => deleteDialog.Show()) class="warning" data-keyboard-shortcut="d"><u>D</u>elete</button>
-					<button @onclick=@(() => tagDialog.Show()) class="secondary" data-keyboard-shortcut="t">Add <u>T</u>ag</button>
-					<button @onclick=@(() => ocrDialog.Show()) class="secondary" data-keyboard-shortcut="o">View <u>O</u>CR</button>
+					<button @onclick=@(() => deleteDialog.Show()) class="warning" data-keyboard-shortcut="d">
+						<img src="/images/trash.svg"/>
+						<p><u>D</u>elete</p>
+					</button>
+					<button @onclick=@(() => tagDialog.Show()) class="secondary" data-keyboard-shortcut="t">
+						<img src="/images/tag.svg"/>
+						<p>Add <u>T</u>ag</p>
+					</button>
+					<button @onclick=@(() => ocrDialog.Show()) class="secondary" data-keyboard-shortcut="o">
+						<img src="/images/book.svg"/>
+						<p>View <u>O</u>CR</p>
+					</button>
 					@if(infoEditMode) {
-						<button @onclick=@(() => ApplyInfoEdit(false)) class="secondary">Cancel</button>
-						<button @onclick=@(() => ApplyInfoEdit(true))>Apply</button>
+						<button @onclick=@(() => ApplyInfoEdit(false)) class="secondary">
+							<img src="/images/cross.svg"/>
+							<p>Cancel</p>
+						</button>
+						<button @onclick=@(() => ApplyInfoEdit(true))>
+							<img src="/images/checkmark.svg"/>
+							<p>Apply</p>
+						</button>
 					} else {
-						<button @onclick=@(() => InfoEditMode = true) class="secondary" data-keyboard-shortcut="e"><u>E</u>dit Info</button>
+						<button @onclick=@(() => InfoEditMode = true) class="secondary" data-keyboard-shortcut="e">
+							<img src="/images/edit.svg"/>
+							<p><u>E</u>dit Info</p>
+						</button>
 					}
 					@if(media.IsIngest) {
-						<button @onclick=@(() => SetIngest(false)) data-keyboard-shortcut="c">Mark Tagging <u>C</u>omplete</button>
+						<button @onclick=@(() => SetIngest(false)) data-keyboard-shortcut="c">
+							<img src="/images/checkmark.svg"/>
+							<p>Mark Tagging <u>C</u>omplete</p>
+						</button>
 					} else {
-						<button class="secondary" @onclick=@(() => SetIngest(true)) data-keyboard-shortcut="c">Mark Tagging In<u>c</u>omplete</button>
+						<button class="secondary" @onclick=@(() => SetIngest(true)) data-keyboard-shortcut="c">
+							<img src="/images/cross.svg"/>
+							<p>Mark Tagging In<u>c</u>omplete</p>
+						</button>
 					}
 				</ButtonContainer>
 			</div>
 		</div>
 	</div>
 	<div id="bottom-bar">
-		<a href="javascript:showSidebar(false);">&#x1F5BC;</a>
-		<a href="javascript:showSidebar(true);">&#x1F6C8;</a>
+		<img onclick="showSidebar(false);" src="/images/photo.svg" width="25" height="25"/>
+		<img onclick="showSidebar(true);" src="/images/info.svg" width="25" height="25"/>
 	</div>
 </div>
 
-- 
cgit v1.3