From c42c7d7dbc12d3fb0d9158a43b83e38c337fd056 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 10:34:17 -0500
Subject: [PATCH] Adjust camera stage alignment and add vertical
 transformations for improved layout

---
 theme/assets/css/main.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 8bb8b5a..518c377 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -3370,7 +3370,7 @@ p:last-child { margin-bottom: 0; }
 .cam-stage {
   display: flex;
   flex-direction: row;
-  align-items: flex-end;
+  align-items: center;
   justify-content: center;
   gap: 12px;
   padding-bottom: 4px;
@@ -3386,7 +3386,6 @@ p:last-child { margin-bottom: 0; }
   position: relative;
   overflow: hidden;
   flex-shrink: 0;
-  align-self: center;
   background-image:
     linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
     linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
@@ -3456,6 +3455,7 @@ p:last-child { margin-bottom: 0; }
   flex-direction: column;
   align-items: flex-start;
   flex-shrink: 0;
+  transform: translateY(-12px);
 }
 .pc-body {
   width: 90px;
@@ -3610,6 +3610,7 @@ p:last-child { margin-bottom: 0; }
   flex-direction: column;
   align-items: center;
   flex-shrink: 0;
+  transform: translateY(12px);
 }
 .vc-camera {
   display: flex;