From bff00cf0a37475dbf74567f279b941bd6228fddc Mon Sep 17 00:00:00 2001
From: elpatron <m.busche@gmail.com>
Date: Wed, 3 Jun 2026 18:10:20 +0200
Subject: [PATCH] fix: camera error modal rendering and voice memo player
 box-sizing

---
 client/src/App.css                          |  2 +-
 client/src/components/LiveCameraCapture.tsx | 10 +++++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/client/src/App.css b/client/src/App.css
index b67a0b8..98343f4 100644
--- a/client/src/App.css
+++ b/client/src/App.css
@@ -3814,7 +3814,7 @@ html.theme-cupertino .events-scroll-container {
   max-width: 300px;
   min-width: 260px;
   height: 36px;
-  box-sizing: content-box;
+  box-sizing: border-box;
   padding-inline: 2px 12px;
 }
 
diff --git a/client/src/components/LiveCameraCapture.tsx b/client/src/components/LiveCameraCapture.tsx
index 199d904..02b0c23 100644
--- a/client/src/components/LiveCameraCapture.tsx
+++ b/client/src/components/LiveCameraCapture.tsx
@@ -267,9 +267,13 @@ export default function LiveCameraCapture({
               className="live-camera-preview live-camera-preview-still"
             />
           </div>
-        ) : phase === 'checking' && !cameraError ? (
+        ) : cameraError ? (
+          <div className="live-camera-preview-wrap">
+            <p className="live-camera-loading">{cameraError}</p>
+          </div>
+        ) : phase === 'checking' ? (
           <p className="live-camera-loading">{t('logs.live_photo_camera_starting')}</p>
-        ) : phase === 'native' && !cameraError ? (
+        ) : phase === 'native' ? (
           <div className="live-camera-native-prompt">
             <p className="live-log-modal-hint">{t('logs.live_photo_native_hint')}</p>
             <button
@@ -282,7 +286,7 @@ export default function LiveCameraCapture({
               {t('logs.live_photo_open_camera_btn')}
             </button>
           </div>
-        ) : phase === 'live' && !cameraError ? (
+        ) : phase === 'live' ? (
           <div className="live-camera-preview-wrap">
             <video
               ref={videoRef}