From 9bb799a3b746eaeb69dfdb9af8e3c8a1828eb0e1 Mon Sep 17 00:00:00 2001
From: bfmvsa <bfmvsa@gmail.com>
Date: Fri, 25 Oct 2024 17:38:22 +0200
Subject: [PATCH] Add border radius 50% for ring function cell in led_strip tab

---
 src/css/tabs/led_strip.css | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/css/tabs/led_strip.css b/src/css/tabs/led_strip.css
index e75d52246..695e16f42 100644
--- a/src/css/tabs/led_strip.css
+++ b/src/css/tabs/led_strip.css
@@ -45,7 +45,6 @@
 }
 
 .tab-led-strip .gPoint.function-r { /* Ring */
-    color: var(--inav-white);
     background: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 60%, white 60%,white 70%,black 70%, black 100%);
     box-shadow: inset 0 0 30px rgba(0, 0, 0, .7);
     border-color: black;
@@ -70,6 +69,9 @@
     width: calc(100% - calc(2 * var(--cell-padding)));
     border-radius: 4px;
 }
+.tab-led-strip .gPoint.function-r .overlay-color {
+    border-radius: 50%;
+}
 
 .tab-led-strip .gPoint.function-s .overlay-s,
 .tab-led-strip .gPoint.function-w .overlay-w,
@@ -137,6 +139,11 @@
     align-self: center;
 }
 
+.tab-led-strip .function-r.color-0 .wire
+{
+    color: var(--inav-white);
+}
+
 .gridWire {
     background: var(--inav-success-bg-subtle);
 }
@@ -292,6 +299,10 @@
     width: 23%;
 }
 
+.tab-led-strip .colors button.border {
+    color: var(--inav-body-color);
+}
+
 
 .tab-led-strip .wires-remaining #remaining-led {
     color: var(--inav-warning);