From 91f7a2ec8dca3be18b70a988edabc05fcafad4fd Mon Sep 17 00:00:00 2001
From: KodeStar <kode@audiosilo.app>
Date: Mon, 3 Aug 2026 15:47:36 +0100
Subject: [PATCH] Fix inconsistent SVG tile icon sizes

SVG icons with explicit width/height attributes rendered tiny because
max-width/max-height only caps intrinsic size and never scales up, while
dimensionless SVGs defaulted large and were capped to 60px. Pin .app-icon
to a fixed 60x60 box with object-fit: contain so every icon renders at a
consistent size while preserving aspect ratio.

Fixes #1582
---
 public/css/app.css              | 5 +++--
 resources/assets/sass/_app.scss | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index 0b3795687..5776a44c4 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -927,9 +927,10 @@ div.create .input input, div.create .input select {
 }
 
 .app-icon {
-  max-width: 60px;
+  width: 60px;
+  height: 60px;
+  object-fit: contain;
   display: block;
-  max-height: 60px;
 }
 
 .sidenav {
diff --git a/resources/assets/sass/_app.scss b/resources/assets/sass/_app.scss
index b80a3c625..a1137616d 100644
--- a/resources/assets/sass/_app.scss
+++ b/resources/assets/sass/_app.scss
@@ -722,9 +722,10 @@ div.create {
 	flex: 0 0 60px;
 }
 .app-icon {
-	max-width: 60px;
+	width: 60px;
+	height: 60px;
+	object-fit: contain;
 	display: block;
-	max-height: 60px;
 }
 
 .sidenav {