From 9e72337fe59ae1664b8db942070d96e55e88939e Mon Sep 17 00:00:00 2001
From: herby2212 <12448284+herby2212@users.noreply.github.com>
Date: Sun, 15 Oct 2023 22:27:35 +0200
Subject: [PATCH] optimize colors and padding

---
 data/interfaces/default/css/tautulli.css | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/data/interfaces/default/css/tautulli.css b/data/interfaces/default/css/tautulli.css
index eba7efe6..fb25e9c8 100644
--- a/data/interfaces/default/css/tautulli.css
+++ b/data/interfaces/default/css/tautulli.css
@@ -2855,30 +2855,28 @@ a .home-platforms-list-cover-face:hover
     max-width: 350px;
 }
 .circle {
-    margin: 0.05rem;
-    display: inline-block;
     width: 1.55rem;
     height: 1.55rem;
     border-radius: 50%;
-    border: 0.2rem solid white;
+    border: 0.2rem solid #eeeeee;
 }
 .circle-quarter {
     background-image:
-    linear-gradient(00deg, #0e253f 50%, transparent 50%),
-    linear-gradient(270deg, #d1d1d1 50%, transparent 50%);
+    linear-gradient(00deg, #2b2b2b 50%, transparent 50%),
+    linear-gradient(270deg, #eeeeee 50%, transparent 50%);
 }
 .circle-half {
     background-image:
-    linear-gradient(90deg, #0e253f 50%, transparent 50%),
-    linear-gradient(-90deg, #d1d1d1 50%, transparent 50%);
+    linear-gradient(90deg, #2b2b2b 50%, transparent 50%),
+    linear-gradient(-90deg, #eeeeee 50%, transparent 50%);
     }
 .circle-three-quarter {
     background-image:
-    linear-gradient(180deg, transparent 50%, #d1d1d1 50%),
-    linear-gradient(-90deg, #d1d1d1 50%, transparent 50%);
+    linear-gradient(180deg, transparent 50%, #eeeeee 50%),
+    linear-gradient(-90deg, #eeeeee 50%, transparent 50%);
 }
 .circle-full {
-    background: #d1d1d1;
+    background: #eeeeee;
 }
 #graph-tabs {
     padding-bottom: 10px;