fix: horizontal scrollbar shifting entire panel right

Author: BrowserlessAPI

web/static/css/theme.css

@@ -47,7 +47,7 @@
 }
 *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
 html{font-size:14px}
-body{font-family:var(--font);background:var(--bg-base);color:var(--text-primary);line-height:1.5}
+body{font-family:var(--font);background:var(--bg-base);color:var(--text-primary);line-height:1.5;overflow-x:hidden}
 ::-webkit-scrollbar{width:5px;height:5px}
 ::-webkit-scrollbar-track{background:transparent}
 ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}
@@ -56,9 +56,9 @@ a{color:inherit;text-decoration:none}
 /* LAYOUT */
 .app-layout{display:flex;height:100vh;overflow-x:clip}
 .sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}
-.main-area{flex:1;display:flex;flex-direction:column}
+.main-area{flex:1;display:flex;flex-direction:column;min-width:0}
 .topbar{height:var(--topbar-h);background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:12px;flex-shrink:0}
-.page-content{flex:1;overflow-y:auto;padding:24px}
+.page-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;min-width:0}
 /* SIDEBAR */
 .sidebar-logo{padding:16px 16px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--sidebar-border)}
 .logo-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}

web/templates/index.html

@@ -3179,7 +3179,7 @@
         </div>
 
         <!-- aaPanel-style table -->
-        <div class="card" style="padding:0;overflow:hidden">
+        <div class="card" style="padding:0;overflow-x:auto;overflow-y:hidden">
           <table class="data-table" style="table-layout:fixed">
             <thead>
               <tr>
@@ -3232,7 +3232,7 @@
                       </button>
                       <!-- PHP: Add Version button -->
                       <div x-show="m.id==='php'" style="display:flex;align-items:center;gap:4px">
-                        <select class="form-input" style="font-size:11px;padding:3px 6px;min-width:90px" x-model="m.selVer">
+                        <select class="form-input" style="font-size:11px;padding:3px 6px;min-width:90px;max-width:160px;text-overflow:ellipsis" x-model="m.selVer">
                           <template x-for="v in m.versions" :key="v.value">
                             <option :value="v.value" x-text="v.label"></option>
                           </template>
@@ -3256,7 +3256,7 @@
                     <div x-show="!m.installed" style="display:flex;align-items:center;gap:6px;flex-wrap:wrap">
                       <!-- Version selector (multi-version modules) -->
                       <div x-show="m.versions && m.versions.length > 1" style="min-width:110px">
-                        <select class="form-input" style="font-size:11px;padding:3px 6px" x-model="m.selVer">
+                        <select class="form-input" style="font-size:11px;padding:3px 6px;max-width:160px;text-overflow:ellipsis" x-model="m.selVer">
                           <template x-for="v in m.versions" :key="v.value">
                             <option :value="v.value" x-text="v.label"></option>
                           </template>