From 50d7becc698bccd8eb7385f081b06ab2dd6b2149 Mon Sep 17 00:00:00 2001
From: amitabhRazorpay <amitabh.baruah@razorpay.com>
Date: Fri, 13 Jan 2023 14:32:37 +0530
Subject: [PATCH] added padding for timeline component

---
 react-frontend/src/styles/scss/base.scss | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/react-frontend/src/styles/scss/base.scss b/react-frontend/src/styles/scss/base.scss
index 4d8345db..4ef8364b 100644
--- a/react-frontend/src/styles/scss/base.scss
+++ b/react-frontend/src/styles/scss/base.scss
@@ -131,7 +131,7 @@
 }
 
 .block-chart {
-  padding-top: 7px;
+  padding: 7px 10px 0;
   height: 100%;
   display: flex;
   flex-flow: row wrap;
@@ -149,6 +149,9 @@
   margin-right: 1.5px;
   margin-bottom: 4px;
   cursor: pointer;
+  @media (min-width:820px) {
+    flex-grow: 1;
+  }
 }
 
 .service_day span {
@@ -587,3 +590,5 @@
 .tooltip {
   max-width: 220px;
 }
+
+