Reducing the width of "Punch" button to leave room for the scrollbars (…

…#455) * Reducing the width of "Punch" button to leave room for the scrollbars * Increasing scrollbar width as per review comments
TTLApp · Oct 13, 2020 · 00f9aae · 00f9aae
1 parent 828772a
commit 00f9aae
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -107,8 +107,8 @@ html[data-theme="cadent-star"] {
 /* There are some libraries that impose their own colors. These may need to be overriden for specific themes */
 
 ::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
+  width: 8px;
+  height: 8px;
 }
 
 ::-webkit-scrollbar-thumb {
@@ -385,7 +385,7 @@ body {
 
 .punch-button {
   opacity: 0.9;
-  width: 100%;
+  width: calc(100vw - 60px);
   height: 100%;
   border: none;
   color: var(--punch-color);