From f7aad4b658e32276d1ee6d52a5fda74576d19851 Mon Sep 17 00:00:00 2001
From: Azgaar <maxganiev@yandex.ru>
Date: Sat, 15 May 2021 19:37:42 +0300
Subject: [PATCH] thin scroll

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

diff --git a/index.css b/index.css
index e7c6087b..86cbfaca 100644
--- a/index.css
+++ b/index.css
@@ -1250,17 +1250,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 93c8794e..fdce1f54 100644
--- a/index.html
+++ b/index.html
@@ -3168,7 +3168,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>
@@ -3203,7 +3203,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>