conversation-replay 0.1.10 → 0.1.12

package/dist/cli.js

@@ -7270,7 +7270,7 @@ import { writeFile } from "node:fs/promises";
 // package.json
 var package_default = {
   name: "conversation-replay",
-  version: "0.1.10",
+  version: "0.1.12",
   description: "Create annotated replays of text conversations",
   main: "dist/cli.js",
   type: "module",
@@ -7480,8 +7480,11 @@ function generateCss(theme, hasMultipleScenarios, colors, cornerStyle, initialBl
       .tabs {
         flex-wrap: nowrap;
         overflow-x: auto;
+        overflow-y: hidden; /* Prevent vertical movement */
         -webkit-overflow-scrolling: touch;
         padding-bottom: 0;
+        margin-left: 0; /* Reset margin on mobile to prevent overflow */
+        max-width: 100%; /* Ensure it doesn't overflow parent */
         /* Hide scrollbars */
         scrollbar-width: none;
         -ms-overflow-style: none;
@@ -7866,9 +7869,11 @@ function generateCss(theme, hasMultipleScenarios, colors, cornerStyle, initialBl
     .play-overlay-icon {
       width: 64px; /* Slightly smaller for elegance */
       height: 64px;
-      flex-shrink: 0; /* Prevent squishing on small screens */
+      flex: 0 0 auto; /* Prevent squishing on small screens */
       min-width: 64px;
       min-height: 64px;
+      aspect-ratio: 1/1; /* Enforce square aspect ratio */
+      margin: auto; /* Center in flex container if needed */
       background: white;
       border-radius: 50%;
       display: flex;
@@ -8429,8 +8434,9 @@ function generateCss(theme, hasMultipleScenarios, colors, cornerStyle, initialBl
 
       .control-btn.primary {
         order: -1;
-        flex: 1 1 100%;
-        justify-content: center;
+        flex: 0 0 auto;
+        width: 44px;
+        height: 44px;
         margin-bottom: 4px;
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "conversation-replay",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "description": "Create annotated replays of text conversations",
   "main": "dist/cli.js",
   "type": "module",