From c8f45e49627394425d29304ad1f469ab9d24ea34 Mon Sep 17 00:00:00 2001
From: sokol <sokol@HP>
Date: Fri, 20 Feb 2026 16:27:34 +0300
Subject: [PATCH] style: set environment panel to 5/12 width

---
 src/App.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 049ca76..7d403f2 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -113,8 +113,8 @@ function App() {
 
         {envs.length > 0 ? (
           <div className="grid grid-cols-1 lg:grid-cols-12 gap-6">
-            {/* Environment Panel - Fixed 4/12 on all large screens */}
-            <section className="lg:col-span-4 xl:col-span-4 2xl:col-span-3">
+            {/* Environment Panel - 5/12 width */}
+            <section className="lg:col-span-5 xl:col-span-5 2xl:col-span-5">
               <div className="sticky top-6">
                 <Environment
                   envs={envs}
@@ -126,8 +126,8 @@ function App() {
               </div>
             </section>
 
-            {/* Content Panel - Maximum width (8/12 → 9/12 on 2xl) */}
-            <section className="lg:col-span-8 xl:col-span-8 2xl:col-span-9">
+            {/* Content Panel - 7/12 width */}
+            <section className="lg:col-span-7 xl:col-span-7 2xl:col-span-7">
               <Content
                 env={currentEnv}
                 config={config}