From 499108370c32175bdde8d3684af869978b5e159c Mon Sep 17 00:00:00 2001
From: aradhyacp <cparadhya@proton.me>
Date: Sat, 3 Jan 2026 20:55:10 +0530
Subject: [PATCH] Enhance UI responsiveness by adjusting image and table
 dimensions, and improving layout flexibility

---
 aperisolve/static/css/aperisolve.css | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/aperisolve/static/css/aperisolve.css b/aperisolve/static/css/aperisolve.css
index 9ba02b1..e55d80f 100644
--- a/aperisolve/static/css/aperisolve.css
+++ b/aperisolve/static/css/aperisolve.css
@@ -354,6 +354,19 @@ td {
 #cheatsheet img,
 #cheatsheet table {
     margin-bottom: 15px;
+    max-width: 100%;
+    height: auto;
+}
+
+#cheatsheet table {
+    min-width: auto;
+    width: auto;
+}
+
+.command {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    word-wrap: break-word;
 }
 
 /* ======== Analyzer Blocks ======== */
@@ -364,15 +377,14 @@ td {
 
 #result-infos {
     display: flex;
+    flex-wrap: wrap;
+    gap: 15px;
 }
 
 #result-infos>div {
-    height: 100%;
-    width: 50%;
     height: auto;
-    flex: 1 1 0;
-    width: 50%;
-    display: inline-block;
+    flex: 1 1 300px;
+    min-width: 280px;
     padding: 10px;
     box-sizing: border-box;
     vertical-align: top;