From 6e98f13a019e910c0d7e2167b420dd9770353663 Mon Sep 17 00:00:00 2001
From: Vince <vinceliuice@hotmail.com>
Date: Thu, 5 Aug 2021 09:48:22 +0800
Subject: [PATCH] Fixed #381

---
 src/sass/gnome-shell/common/_panel.scss | 29 +++++++++++++++++++------
 1 file changed, 22 insertions(+), 7 deletions(-)

diff --git a/src/sass/gnome-shell/common/_panel.scss b/src/sass/gnome-shell/common/_panel.scss
index d371b28..e50c0e2 100644
--- a/src/sass/gnome-shell/common/_panel.scss
+++ b/src/sass/gnome-shell/common/_panel.scss
@@ -81,13 +81,23 @@
     &:hover {
       color: $panel_fg;
       background-color: $panel_divider;
+
+      &.clock-display {
+        .clock {
+          background-color: $panel_divider;
+        }
+      }
     }
 
     &:active, &:overview, &:focus, &:checked {
-      &, &:hover {
-        background-color: $panel_track;
-        color: $panel_fg;
-        box-shadow: none;
+      background-color: $panel_track;
+      color: $panel_fg;
+      box-shadow: none;
+
+      &.clock-display {
+        .clock {
+          background-color: $panel_track;
+        }
       }
     }
 
@@ -99,14 +109,18 @@
     }
 
     &.clock-display {
-      StLabel { padding: 0 $base_margin; }
+      background-color: transparent;
+
+      StLabel { padding: 0 $base_padding; }
 
       .clock {
         // transition-duration: 150ms;
         border: none;
-        border-radius: 0;
-        background: none;
+        border-radius: $bt_radius;
+        background-color: transparent;
         box-shadow: none;
+        padding: 0 $base_padding * 3;
+        spacing: $base_padding;
       }
     }
 
@@ -117,6 +131,7 @@
       // we want to exclude the do-not-disturb indicator from the background
       &.clock-display {
         box-shadow: none;
+        background-color: transparent;
 
         .clock {
           box-shadow: none;