hopefully fix extra scrollbar

1 files changed, 9 insertions, 6 deletions

diff --git a/animism-align/frontend/app/views/viewer/sections/sections.css b/animism-align/frontend/app/views/viewer/sections/sections.css
index 621df22..1ddb9d2 100644
--- a/animism-align/frontend/app/views/viewer/sections/sections.css
+++ b/animism-align/frontend/app/views/viewer/sections/sections.css
@@ -24,14 +24,16 @@
 
 .viewer-sections .viewer-sections-scroll {
   width: 100%;
+  height: 22rem;
   white-space: nowrap;
-  overflow-y: auto;
+  overflow-x: scroll;
+  overflow-y: hidden;
 }
-/*
 .viewer-sections-scroll::-webkit-scrollbar {
   cursor: pointer;
   user-select: none;
-  height: 4px
+  height: 4px;
+  width: 4px;
 }
 .viewer-sections-scroll::-webkit-scrollbar-button {
   display: block;
@@ -39,13 +41,13 @@
   height: 0;
 }
 .viewer-sections-scroll::-webkit-scrollbar-track-piece {
-  background:rgba(211,211,211,0.8);
+  background: rgba(211,211,211,0.8);
 }
 .viewer-sections-scroll::-webkit-scrollbar-thumb {
   display: block;
   background: #000;
 }
-*/
+
 
 /* clickable section indicators */
 
@@ -61,7 +63,8 @@
   margin-right: 1rem;
 }
 .viewer-section > div {
-  height: 20rem;
+  height: calc(20rem - 4px);
+  width: 12rem;
 }
 .viewer-sections .section-thumbnail {
   display: block;