From 744e0a1486adfddef62a3901ca355b88f8df3e52 Mon Sep 17 00:00:00 2001
From: AkiraFukushima <h3.poteto@gmail.com>
Date: Sun, 3 Dec 2023 00:58:29 +0900
Subject: [PATCH 1/2] Fix nested css

---
 renderer/app.css | 42 ++++++++++++++++++++----------------------
 1 file changed, 20 insertions(+), 22 deletions(-)

diff --git a/renderer/app.css b/renderer/app.css
index 1f0c205e..7f10060c 100644
--- a/renderer/app.css
+++ b/renderer/app.css
@@ -39,26 +39,24 @@
 .timeline-scrollable {
   overflow-y: auto;
   overflow-x: auto;
-
-  &::-webkit-scrollbar {
-    width: 6px !important;
-    height: 6px !important;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background-color: rgb(203 213 225);
-    border-radius: 4px !important;
-    opacity: 0;
-  }
-
-  &::-webkit-scrollbar-track {
-    border-radius: 4px !important;
-    background-color: rgb(241 245 249);
-  }
-
-  &:hover {
-    &::-webkit-scrollbar-thumb {
-      opacity: 1;
-    }
-  }
+}
+
+.timeline-scrollable::-webkit-scrollbar {
+  width: 6px !important;
+  height: 6px !important;
+}
+
+.timeline-scrollable::-webkit-scrollbar-thumb {
+  background-color: rgb(203 213 225);
+  border-radius: 4px !important;
+  opacity: 0;
+}
+
+.timeline-scrollable::-webkit-scrollbar-track {
+  border-radius: 4px !important;
+  background-color: rgb(241 245 249);
+}
+
+.timeline-scrollable:hover::-webkit-scrollbar-thumb {
+  opacity: 1;
 }

From d375cd84f88c9d2faa83820319da737fe0830c88 Mon Sep 17 00:00:00 2001
From: AkiraFukushima <h3.poteto@gmail.com>
Date: Sun, 3 Dec 2023 01:00:32 +0900
Subject: [PATCH 2/2] Fix margin of Card

---
 renderer/components/timelines/status/Card.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/renderer/components/timelines/status/Card.tsx b/renderer/components/timelines/status/Card.tsx
index f09f1f13..371731cf 100644
--- a/renderer/components/timelines/status/Card.tsx
+++ b/renderer/components/timelines/status/Card.tsx
@@ -11,7 +11,7 @@ export default function Card(props: Props) {
 
   return (
     <div
-      className="flex border-inherit border border-solid rounded-md w-full cursor-pointer overflow-hidden text-ellipsis"
+      className="flex border-inherit border border-solid rounded-md w-full cursor-pointer overflow-hidden text-ellipsis mb-1"
       onClick={openCard}
     >
       <div style={{ height: '60px', width: '60px' }}>