From 8a6ef76ce8952a126352f30a3aaf991cfaf63992 Mon Sep 17 00:00:00 2001
From: Ward Cunningham <ward@c2.com>
Date: Fri, 25 Oct 2024 10:35:16 -0700
Subject: [PATCH] display flex for native scrolling

(cherry picked from commit ef11b67383421efec3d3f138767432191f7b946d)
---
 client/style/style.css | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/client/style/style.css b/client/style/style.css
index 14645c6f..6a7146f0 100644
--- a/client/style/style.css
+++ b/client/style/style.css
@@ -42,10 +42,14 @@ body {
   left: 0;
   right: 0;
   bottom: 0;
-  position: absolute;
+/*  position: absolute;*/
   bottom: 60px;
   margin: 0;
-  width: 10000%; }
+/*  width: 10000%; */
+  display: flex;
+  overflow-x: auto;
+  height: calc(100vh - 40px);
+}
 
 footer {
   border-top: 1px solid #3d3c43;
@@ -391,8 +395,9 @@ p.readout {
   margin: 8px;
   /* padding: 0 31px; */
   width: 490px;
+  flex: 0 0 490px;
   background-color: white;
-  height: 100%;
+/*  height: 100%;  */
   overflow: auto;
   box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.2);
   outline: none; }