From f26f6dfe5e5a12575bbbfd83b7ad498e9358ed62 Mon Sep 17 00:00:00 2001
From: Ziad-I <68874104+Ziad-I@users.noreply.github.com>
Date: Sun, 25 Aug 2024 20:30:20 +0300
Subject: [PATCH] fix broken display for multiple spreadsheets due to absolute
 position

removed absolute positioning as it made spreadsheets on top of each other
and made the spreadsheet's width and height as full screen as possible. also, add a separating margin between two spreadsheets.
---
 src/bonsai/bonsai/bim/data/webui/static/css/index.css | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/bonsai/bonsai/bim/data/webui/static/css/index.css b/src/bonsai/bonsai/bim/data/webui/static/css/index.css
index f83fac08e1..510354f2bd 100644
--- a/src/bonsai/bonsai/bim/data/webui/static/css/index.css
+++ b/src/bonsai/bonsai/bim/data/webui/static/css/index.css
@@ -202,11 +202,10 @@ footer p {
 }
 
 .table-container {
-    position: absolute;
     display: block;
-    height: calc(100% - var(--margin-small) * 2);
-    width: calc(100% - var(--margin-small) * 2);
-    overflow-x: scroll;
+    height: calc(100vh - var(--margin-small));
+    width: 100%;
+    margin-bottom: var(--margin-medium);
 }
 
 .csv-table {