Merge pull request #390 from JDProfresh/fix/phone-breakpoint-480

fix(mobile): raise the phone breakpoint from 430px to 600px

src/web/public/styles.css

@@ -5270,7 +5270,7 @@ body.touch-device .terminal-container .xterm .xterm-helper-textarea {
 .run-mode-dot.shell { background: #94a3b8; }
 
 /* Phone-only Enter button (see index.html). Hidden by default at every width;
-   mobile.css turns it on inside @media (max-width: 430px), where it takes over
+   mobile.css turns it on inside @media (max-width: 599px), where it takes over
    the slot the Shell button occupies on wider screens. */
 .btn-toolbar.btn-enter {
   display: none;
@@ -11930,7 +11930,7 @@ kbd {
 }
 /* Footer row: the buttons are btn-toolbar (display: flex, block-level), so
    without this rule the four of them stack vertically. Mirrors the
-   runSummaryModal footer; the ≤430px block in mobile.css adds wrapping. */
+   runSummaryModal footer; the phone block (under 600px) in mobile.css adds wrapping. */
 .readmymind-modal .modal-footer {
   display: flex;
   justify-content: flex-end;
@@ -13307,7 +13307,7 @@ body.touch-device.cjk-input-visible .main {
    Keyboard Accessory Bar
    Base styles in styles.css (always loaded) so iPad landscape (≥1024px,
    where mobile.css doesn't load) still gets dark styling. Phone overrides
-   remain in mobile.css @media (max-width: 430px).
+   remain in mobile.css @media (max-width: 599px).
    ═══════════════════════════════════════════════════════════════ */
 
 .keyboard-accessory-bar {