From f6c3d2b8cf27bf4d42a6733a40ec5f7b2b89ba85 Mon Sep 17 00:00:00 2001
From: prathiyuman <psivakumar@cureselecthealthcare.com>
Date: Mon, 13 Jul 2026 16:29:03 +0530
Subject: [PATCH] Restrict app container to a compact centered console layout
 and remove full screen height vertical stretch

---
 .../fiveparaminte-main/static/dashboard.html    | 17 ++++++++++++-----
 fiveparaminte-main/static/dashboard.html        | 17 ++++++++++++-----
 static/dashboard.html                           | 17 ++++++++++++-----
 3 files changed, 36 insertions(+), 15 deletions(-)

diff --git a/fiveparaminte-main/fiveparaminte-main/static/dashboard.html b/fiveparaminte-main/fiveparaminte-main/static/dashboard.html
index 2a03b7c..aa9b343 100644
--- a/fiveparaminte-main/fiveparaminte-main/static/dashboard.html
+++ b/fiveparaminte-main/fiveparaminte-main/static/dashboard.html
@@ -92,10 +92,15 @@
         .app-container {
             position: relative;
             z-index: 1;
-            max-width: 1400px;
-            margin: 0 auto;
-            padding: 24px;
-            min-height: 100vh;
+            max-width: 860px;
+            margin: 40px auto;
+            padding: 20px;
+            background: var(--bg-card);
+            border: 1px solid var(--border-color);
+            border-radius: 16px;
+            box-shadow: 
+                0 4px 6px -1px rgba(0, 0, 0, 0.02),
+                0 10px 30px -5px rgba(0, 0, 0, 0.05);
             display: flex;
             flex-direction: column;
             width: 100%;
@@ -387,7 +392,6 @@
             grid-template-columns: repeat(3, 1fr);
             grid-template-rows: auto auto;
             gap: 10px;
-            flex: 1;
         }
 
         .vital-card {
@@ -815,6 +819,9 @@
             padding: 0 !important;
             max-width: 100% !important;
             margin: 0 !important;
+            background: transparent !important;
+            border: none !important;
+            box-shadow: none !important;
         }
         body.minimal-mode {
             padding: 0 !important;
diff --git a/fiveparaminte-main/static/dashboard.html b/fiveparaminte-main/static/dashboard.html
index 2a03b7c..aa9b343 100644
--- a/fiveparaminte-main/static/dashboard.html
+++ b/fiveparaminte-main/static/dashboard.html
@@ -92,10 +92,15 @@
         .app-container {
             position: relative;
             z-index: 1;
-            max-width: 1400px;
-            margin: 0 auto;
-            padding: 24px;
-            min-height: 100vh;
+            max-width: 860px;
+            margin: 40px auto;
+            padding: 20px;
+            background: var(--bg-card);
+            border: 1px solid var(--border-color);
+            border-radius: 16px;
+            box-shadow: 
+                0 4px 6px -1px rgba(0, 0, 0, 0.02),
+                0 10px 30px -5px rgba(0, 0, 0, 0.05);
             display: flex;
             flex-direction: column;
             width: 100%;
@@ -387,7 +392,6 @@
             grid-template-columns: repeat(3, 1fr);
             grid-template-rows: auto auto;
             gap: 10px;
-            flex: 1;
         }
 
         .vital-card {
@@ -815,6 +819,9 @@
             padding: 0 !important;
             max-width: 100% !important;
             margin: 0 !important;
+            background: transparent !important;
+            border: none !important;
+            box-shadow: none !important;
         }
         body.minimal-mode {
             padding: 0 !important;
diff --git a/static/dashboard.html b/static/dashboard.html
index 2a03b7c..aa9b343 100644
--- a/static/dashboard.html
+++ b/static/dashboard.html
@@ -92,10 +92,15 @@
         .app-container {
             position: relative;
             z-index: 1;
-            max-width: 1400px;
-            margin: 0 auto;
-            padding: 24px;
-            min-height: 100vh;
+            max-width: 860px;
+            margin: 40px auto;
+            padding: 20px;
+            background: var(--bg-card);
+            border: 1px solid var(--border-color);
+            border-radius: 16px;
+            box-shadow: 
+                0 4px 6px -1px rgba(0, 0, 0, 0.02),
+                0 10px 30px -5px rgba(0, 0, 0, 0.05);
             display: flex;
             flex-direction: column;
             width: 100%;
@@ -387,7 +392,6 @@
             grid-template-columns: repeat(3, 1fr);
             grid-template-rows: auto auto;
             gap: 10px;
-            flex: 1;
         }
 
         .vital-card {
@@ -815,6 +819,9 @@
             padding: 0 !important;
             max-width: 100% !important;
             margin: 0 !important;
+            background: transparent !important;
+            border: none !important;
+            box-shadow: none !important;
         }
         body.minimal-mode {
             padding: 0 !important;