From 597f9ae038fbcc149315df9b1618e64744fb929d Mon Sep 17 00:00:00 2001
From: Azgaar <maxganiev@yandex.ru>
Date: Wed, 4 Aug 2021 23:55:29 +0300
Subject: [PATCH] thin scrollbar

---
 index.css  | 21 +++++++++++++++------
 index.html |  4 ++--
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/index.css b/index.css
index d57a8007..b8572a14 100644
--- a/index.css
+++ b/index.css
@@ -1273,17 +1273,26 @@ div.slider .ui-slider-handle {
   display: none !important;
 }
 
-.burgs-table {
-  max-height: 75vh;
-  overflow-x: hidden;
-  overflow-y: scroll;
-}
-
 .table {
   max-height: 75vh;
   max-width: 75vw;
   overflow-x: hidden;
   overflow-y: auto;
+  scrollbar-width: thin;
+}
+
+.table::-webkit-scrollbar {
+  width: 6px;
+  background-color: transparent;
+}
+
+.table::-webkit-scrollbar-thumb {
+  background-color: #aaa;
+  border-radius: 6px;
+}
+
+.table::-webkit-scrollbar-thumb:hover {
+  background: #666;
 }
 
 .overflow {
diff --git a/index.html b/index.html
index d631cde2..8db2c53c 100644
--- a/index.html
+++ b/index.html
@@ -3195,7 +3195,7 @@
         <div style="left:31.2em" data-tip="Click to sort by burg type" class="sortable alphabetically" data-sortby="type">Type&nbsp;</div>
       </div>
 
-      <div id="burgsBody" class="burgs-table"></div>
+      <div id="burgsBody" class="table"></div>
 
       <div id="burgsFilters" data-tip="Apply a filter">
         <span>State: </span>
@@ -3230,7 +3230,7 @@
         <div style="left:30em" data-tip="Click to sort by river basin" class="sortable alphabetically" data-sortby="basin">Basin&nbsp;</div>
       </div>
 
-      <div id="riversBody" class="burgs-table"></div>
+      <div id="riversBody" class="table"></div>
 
       <div id="riversFooter" class="totalLine">
         <div data-tip="Rivers number" style="margin-left: 4px">Rivers:&nbsp;<span id="riversFooterNumber">0</span></div>