From 2d093d5be05e5f86b513f64359eb373bdbec61b5 Mon Sep 17 00:00:00 2001
From: boojack <imrealleonardo@gmail.com>
Date: Thu, 28 Jul 2022 23:38:09 +0800
Subject: [PATCH] chore: update daily review dialog style

---
 web/src/components/DailyReviewDialog.tsx | 1 +
 web/src/less/daily-review-dialog.less    | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/src/components/DailyReviewDialog.tsx b/web/src/components/DailyReviewDialog.tsx
index 55097981..0d2549fb 100644
--- a/web/src/components/DailyReviewDialog.tsx
+++ b/web/src/components/DailyReviewDialog.tsx
@@ -72,6 +72,7 @@ const DailyReviewDialog: React.FC<Props> = (props: Props) => {
           <button className="btn-text" onClick={handleShareBtnClick}>
             <i className="fa-solid fa-share-nodes icon-img"></i>
           </button>
+          <span className="split-line">/</span>
           <button className="btn-text" onClick={() => props.destroy()}>
             <i className="fa-solid fa-xmark fa-lg icon-img"></i>
           </button>
diff --git a/web/src/less/daily-review-dialog.less b/web/src/less/daily-review-dialog.less
index f0b5b9d7..ebb5e755 100644
--- a/web/src/less/daily-review-dialog.less
+++ b/web/src/less/daily-review-dialog.less
@@ -10,7 +10,7 @@
       @apply relative flex flex-row justify-between items-center w-full p-6 pb-0 mb-0;
 
       > .title-text {
-        @apply cursor-pointer select-none rounded hover:bg-gray-100;
+        @apply px-2 py-1 -ml-2 cursor-pointer select-none rounded hover:bg-gray-100;
       }
 
       > .btns-container {
@@ -27,6 +27,10 @@
             @apply ~"p-0.5";
           }
         }
+
+        > .split-line {
+          @apply font-mono text-gray-300 mr-2;
+        }
       }
 
       > .date-picker {