From 0df3f7d1caf3564b09a2715bf8c9996d55f7f440 Mon Sep 17 00:00:00 2001
From: Andy Aylward <andy@eggsample.net>
Date: Sat, 27 Sep 2025 22:37:41 -0400
Subject: [PATCH] tweak action css

---
 src/apps/tracy/pages/TracyPage.module.css | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/apps/tracy/pages/TracyPage.module.css b/src/apps/tracy/pages/TracyPage.module.css
index e6bee59..b50e0b5 100644
--- a/src/apps/tracy/pages/TracyPage.module.css
+++ b/src/apps/tracy/pages/TracyPage.module.css
@@ -45,24 +45,25 @@
 .canvasWrapper {
   position: relative;
   width: 100%;
-  aspect-ratio: 800/640;
   background: #0a0a0f;
   border-radius: 8px;
-  overflow: hidden;
+  overflow: visible;
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
   min-height: 300px;
 }
 
 .canvas {
-  width: 100%;
-  height: 100%;
+  max-width: 100%;
+  max-height: 70vh;
   object-fit: contain;
   user-select: none;
   -webkit-user-select: none;
   -webkit-touch-callout: default;
   touch-action: manipulation;
+  border-radius: 4px;
 }
 
 .loadingOverlay {
@@ -140,13 +141,16 @@
 .result {
   width: 100%;
   text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 1rem;
 }
 
 .resultActions {
   display: flex;
   gap: 0.5rem;
   justify-content: center;
-  margin-top: 1rem;
   flex-wrap: wrap;
 }