Change timeline button borders for readability

aryanpingle · aryanpingle · commit 677680a0744c · 2023-12-23T19:52:00.000+05:30
diff --git a/src/components/TimestampTimeline.module.css b/src/components/TimestampTimeline.module.css
@@ -11,6 +11,8 @@
   display: flex;
   padding: 0;
   cursor: pointer;
+  border-bottom: var(--border-red-light);
+  border-top: var(--border-red-light);
   & span {
     display: flex;
     align-items: center;
diff --git a/src/components/challenges/VideoSection.module.css b/src/components/challenges/VideoSection.module.css
@@ -149,6 +149,9 @@
   color: var(--cyan);
   font-size: var(--maru-small);
   font-family: var(--maru-mono);
+
+  background-color: #fffcfc;
+  background-color: var(--red-lightest);
 }
 
 .partTimeline.hide,

Original file line number	Diff line number	Diff line change
`@@ -149,6 +149,9 @@`
`149`	`149`	`color: var(--cyan);`
`150`	`150`	`font-size: var(--maru-small);`
`151`	`151`	`font-family: var(--maru-mono);`
	`152`	`+`
	`153`	`+ background-color: #fffcfc;`
	`154`	`+ background-color: var(--red-lightest);`
`152`	`155`	`}`
`153`	`156`
`154`	`157`	`.partTimeline.hide,`