From 4cd22d54d2c2b20e553f2cbf0bae450952824bfa Mon Sep 17 00:00:00 2001
From: "Eshan I." <2027eiyer@tjhsst.edu>
Date: Tue, 30 Jun 2026 14:04:09 -0400
Subject: [PATCH] Add mobile-responsive layout for the upload page

---
 PanTS-Demo/src/routes/UploadPage.css | 35 ++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/PanTS-Demo/src/routes/UploadPage.css b/PanTS-Demo/src/routes/UploadPage.css
index 2841af3..e929a83 100644
--- a/PanTS-Demo/src/routes/UploadPage.css
+++ b/PanTS-Demo/src/routes/UploadPage.css
@@ -520,3 +520,38 @@
   text-align: center;
   padding: 0 16px;
 }
+
+
+@media (max-width: 768px) {
+   .upload-main {
+      padding: 24px 16px 48px;
+   }
+   .upload-card {
+      padding: 20px 18px 24px;
+      border-radius: 14px;
+   }
+   .dropzone {
+      padding: 44px 18px;
+   }
+   .pipeline-row {
+      flex-direction: column;
+      align-items: stretch;
+      gap: 14px;
+   }
+   .pipeline-arrow {
+      padding: 0;
+      transform: rotate(90deg);
+      align-self: center;
+   }
+   .run-btn {
+      width: 100%;
+      padding: 14px 32px;
+   }
+   .action-bar .action-btn,
+   .result-btns .result-btn {
+      flex: 1 1 auto;
+   }
+   .ct-preview {
+      height: 240px;
+   }
+}