style: add spacing around voice memo player controls

Widen native audio controls and separate remarks column from event actions.

Co-authored-by: Cursor <cursoragent@cursor.com>

client/src/components/EventRemarksCell.tsx

@@ -25,7 +25,7 @@ export default function EventRemarksCell({
   }
 
   return (
-    <div className="event-remarks-cell">
+    <div className={`event-remarks-cell${voiceId ? ' event-remarks-cell--voice' : ''}`}>
       <span>{summary}</span>
       {voiceId && (
         <VoiceMemoPlayer

client/src/components/VoiceMemoPlayer.tsx

@@ -69,12 +69,13 @@ export default function VoiceMemoPlayer({
     )
   }
 
+  const playerClass = compact
+    ? 'voice-memo-player voice-memo-player--compact'
+    : 'voice-memo-player'
+
   return (
-    <audio
-      className={compact ? 'voice-memo-player voice-memo-player--compact' : 'voice-memo-player'}
-      controls
-      preload="none"
-      src={src}
-    />
+    <div className="voice-memo-player-shell">
+      <audio className={playerClass} controls preload="none" src={src} />
+    </div>
   )
 }