From 0f75666094491e849c01a2529d8e229570e89e18 Mon Sep 17 00:00:00 2001
From: aradhyacp <cparadhya@proton.me>
Date: Sat, 3 Jan 2026 20:54:06 +0530
Subject: [PATCH] Improve UI responsiveness by adjusting table cell dimensions
 and modal image sizing

---
 aperisolve/static/css/aperisolve.css | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/aperisolve/static/css/aperisolve.css b/aperisolve/static/css/aperisolve.css
index 90960a3..9ba02b1 100644
--- a/aperisolve/static/css/aperisolve.css
+++ b/aperisolve/static/css/aperisolve.css
@@ -224,7 +224,6 @@ pre {
     background-color: var(--dark-bg-hover);
     box-shadow: 0 0 10px var(--theme-green);
 }
-
 #upload-form {
     transition: height 0.4s ease, padding 0.4s ease, margin 0.4s ease;
     overflow: hidden;
@@ -274,6 +273,7 @@ td {
     display: inline-block;
     padding: 10px;
     box-sizing: border-box;
+    min-width: 150px;
 }
 
 /* ======== Modal ======== */
@@ -294,7 +294,10 @@ td {
 }
 
 #image-modal-container img {
-    width: 60%;
+    width: 90%;
+    max-width: 800px;
+    max-height: 90vh;
+    object-fit: contain;
     border: 2px solid var(--theme-green);
     box-shadow: 0 0 20px var(--theme-green);
     cursor: pointer;
@@ -309,6 +312,7 @@ td {
     display: inline-block;
     padding: 10px;
     width: 25%;
+    min-width: 150px;
 }
 
 /* ======== FAQ ======== */