From 12145698c008d9a482b3800507cfb6b12dcdb111 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20P=C3=B6sel?= <robyer@seznam.cz>
Date: Sat, 18 Dec 2021 07:24:03 +0100
Subject: [PATCH] Show log area over the content to improve usability

- Version string and log button has fixed position at the bottom of the screen.
- There is margin for #lastevents to make room for the version string and log button when scrolled to the bottom.
- Log expands over the content so you don't need to scroll down to see it.
- Log area occupies max. 50 % of the viewport height in order to see both content and log and to work correctly on small screens.
---
 www/res/style.css | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/www/res/style.css b/www/res/style.css
index c54939c9..2c814d1d 100644
--- a/www/res/style.css
+++ b/www/res/style.css
@@ -31,12 +31,16 @@ a {
 	color: #CCC;
 	border: 0;
 	font-size: 0.3cm;
-	overflow: hidden;
+	overflow: hidden auto;
 	white-space: pre-wrap;
 	margin: 0;
+	max-height: 50vh;
 }
 #logfilearea{
-	position:relative;
+	position: fixed;
+	bottom: 0;
+	width: 100%;
+	z-index: 100;
 }
 #logfileactivate {
 	text-align: center;
@@ -102,6 +106,10 @@ select > option[disabled] {
 }
 
 
+#lastevents {
+	margin-bottom: 0.75cm;
+}
+
 #lastevents table {
 		width: 100%;
 		font-size: 2.5vw;
@@ -474,14 +482,6 @@ x-trbgr.hdr {
 	font-size: 0.7em;
 }
 
-#lastevents {
-}
-
-#lastevents::-webkit-scrollbar{
-	width: 0;	
-	
-}
-
 .summary {
 }