From b0c4db3ca2c0d3678223e5ebd8ddb5b32cba52e4 Mon Sep 17 00:00:00 2001
From: Carlo Minotti <50220438+minottic@users.noreply.github.com>
Date: Fri, 15 Nov 2024 16:35:36 +0100
Subject: [PATCH] Extend scrolling to firefox

* Extend scrolling to firefox
* Decrease rows height
* Decrease image size
* Fit whole viewport
---
 .../overview-table.component.scss             | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/scilog/src/app/overview/overview-table/overview-table.component.scss b/scilog/src/app/overview/overview-table/overview-table.component.scss
index a503227e..c756c3c2 100644
--- a/scilog/src/app/overview/overview-table/overview-table.component.scss
+++ b/scilog/src/app/overview/overview-table/overview-table.component.scss
@@ -3,13 +3,6 @@ table {
   table-layout: fixed;
 }
 
-table th, 
-table td {
-  white-space: nowrap;
-  overflow: scroll;
-}
-
-
 .logbooks:hover {
   background-color: var(--main-background)!important;
   -webkit-transition: background-color 100ms linear, color 100ms linear;
@@ -18,11 +11,18 @@ table td {
 }
 
 .logbooks {
-  height: 65px;
+  height: 50px;
+}
+
+.scrollable-text {
+  white-space: nowrap;
+  overflow: scroll;
+  margin-right: 10px;
+  scrollbar-width: none;
 }
 
 .logbooks img {
-  max-height: 60px;
+  max-height: 45px;
   object-fit: contain;
 }
 
@@ -34,7 +34,7 @@ table td {
 }
 
 .scrollable-container {
-  max-height: 65px * 11;
+  max-height: calc(100vh - 250px);
   width: 100%;
   overflow: auto;
 }