fixing scrollbars #12 and fixing background repeat issues in #11

theme/balsamine/static/css/balsa.css

@@ -431,10 +431,12 @@ div.secondary { display: none; }
    ========================================================================== */
 
 .main-content {
-    background-image: url('/theme/imgs/damier-gradient.png');
-    background-size: 60px 10px;
-    background-repeat-y: repeat;
-    background-repeat-x: no-repeat;
+    background:
+      url('/theme/imgs/damier-gradient.png')
+      0px 60px
+      no-repeat
+      repeat;
+
 }
 
 @media (--mobile) {
@@ -584,6 +586,9 @@ div.secondary { display: none; }
     //border-left: 2px solid black;
 
     font-size: 1em;
+    @media (--mobile){
+      padding: 2px 26px;
+    }
 }
 
 .schedule__title {
@@ -1582,11 +1587,23 @@ a.reservation-link:hover {
 }
 
 .ps__scrollbar-y {
-    width: 6px !important;
+    width: 5px !important;
     right: 0px !important;
+    background-image: url("/images/damier.png") !important;
+    background-size: 10px;
+    background-color: white !important;
+    opacity: 0.9 !important;
 }
 
-.ps__scrollbar-y-rail { width: 6px !important; }
+.ps__scrollbar-y:hover {
+  background-color: white !important;
+
+}
+
+
+.ps__scrollbar-y-rail {
+  width: 6px !important;
+}
 
 .ps--theme_balsa:hover > .ps__scrollbar-y-rail:hover { background-color: rgb(255, 255, 255); }