From b1a6d9f5cd8276f637d651602f49d3f829218a9f Mon Sep 17 00:00:00 2001
From: Frederick Muriuki Muriithi
Date: Thu, 10 Sep 2026 14:15:02 -0500
Subject: UI styling: Prevent elements from extending viewport horizontally.

---
 uploader/static/css/layout-large.css  | 1 +
 uploader/static/css/layout-medium.css | 1 +
 uploader/static/css/layout-small.css  | 1 +
 3 files changed, 3 insertions(+)

diff --git a/uploader/static/css/layout-large.css b/uploader/static/css/layout-large.css
index 2d53627..c1950b1 100644
--- a/uploader/static/css/layout-large.css
+++ b/uploader/static/css/layout-large.css
@@ -52,6 +52,7 @@
 
         grid-column-start: 1;
         grid-column-end: 2;
+        overflow-x: auto;
     }
 
     #main #sidebar-content {
diff --git a/uploader/static/css/layout-medium.css b/uploader/static/css/layout-medium.css
index 50ceeb4..a29411d 100644
--- a/uploader/static/css/layout-medium.css
+++ b/uploader/static/css/layout-medium.css
@@ -52,6 +52,7 @@
 
         /* Define layout for the children elements */
         max-width: 100%;
+        overflow-x: auto;
     }
 
     #main #sidebar-content {
diff --git a/uploader/static/css/layout-small.css b/uploader/static/css/layout-small.css
index 2e47217..87dd910 100644
--- a/uploader/static/css/layout-small.css
+++ b/uploader/static/css/layout-small.css
@@ -56,6 +56,7 @@
     #main #main-content {
         grid-row-start: 2;
         grid-row-end: 3;
+        overflow-x: auto;
     }
 
     #main #sidebar-content {
-- 
cgit 1.4.1