From 06ce02bc29ee58fdc15ffdc69b323a12b32ea562 Mon Sep 17 00:00:00 2001
From: Russell Ballestrini <russell.ballestrini@gmail.com>
Date: Tue, 1 Jul 2025 22:19:29 -0400
Subject: [PATCH] fix(hermes): remove max-width constraint from hermes modal

- Remove max-width: 800px that was forcing modal to be too wide
- Let modal use only 95vw to scale properly with viewport
- Should prevent overflow on smaller screens
---
 src/ui.js | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/ui.js b/src/ui.js
index d40d533..82ef6e9 100644
--- a/src/ui.js
+++ b/src/ui.js
@@ -490,7 +490,6 @@ export async function openHermesModal() {
 	if (USE_CUSTOM_STYLING) {
 		modal.style.cssText += `
       width: 95vw;
-      max-width: 720px;
       max-height: 95vh;
       top: 50%;
       left: 50%;
@@ -506,7 +505,6 @@ export async function openHermesModal() {
 	} else {
 		modal.style.cssText += `
       width: 95vw;
-      max-width: 720px;
       max-height: 95vh;
       top: 50%;
       left: 50%;
@@ -1352,7 +1350,7 @@ export function openTTSModal() {
 	if (USE_CUSTOM_STYLING) {
 		modal.style.cssText += `
       width: 95vw;
-      max-width: 720px;
+      max-width: 800px;
       max-height: 95vh;
       top: 50%;
       left: 50%;
@@ -1367,7 +1365,7 @@ export function openTTSModal() {
 	} else {
 		modal.style.cssText += `
       width: 95vw;
-      max-width: 720px;
+      max-width: 800px;
       max-height: 95vh;
       top: 50%;
       left: 50%;
@@ -1635,7 +1633,7 @@ export function openTranslateModal() {
 	if (USE_CUSTOM_STYLING) {
 		modal.style.cssText += `
       width: 95vw;
-      max-width: 720px;
+      max-width: 800px;
       max-height: 95vh;
       top: 50%;
       left: 50%;
@@ -1650,7 +1648,7 @@ export function openTranslateModal() {
 	} else {
 		modal.style.cssText += `
       width: 95vw;
-      max-width: 720px;
+      max-width: 800px;
       max-height: 95vh;
       top: 50%;
       left: 50%;