From 00f9aae6b1983e1084e01083cf8595155cb24c22 Mon Sep 17 00:00:00 2001
From: Nishant Gupta <ccsCoder@gmail.com>
Date: Tue, 13 Oct 2020 09:00:54 +0530
Subject: [PATCH] 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
---
 css/styles.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/css/styles.css b/css/styles.css
index 631629912..00eede8cd 100644
--- 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);