From 9fc26ca8dbfec1839fa10a96eeed18290062b3eb Mon Sep 17 00:00:00 2001
From: kisfenyo <nagyfenyvesi.viktor@gmail.com>
Date: Mon, 12 Jan 2026 07:52:57 +0100
Subject: [PATCH] rounded corners

---
 glance-system/glance-kisfenyo.yaml | 37 ++++++++++++++++++++++++++----
 1 file changed, 33 insertions(+), 4 deletions(-)

diff --git a/glance-system/glance-kisfenyo.yaml b/glance-system/glance-kisfenyo.yaml
index 4538458..fa3fbe5 100644
--- a/glance-system/glance-kisfenyo.yaml
+++ b/glance-system/glance-kisfenyo.yaml
@@ -705,8 +705,6 @@ data:
       min-height: 2.2em !important;
       padding: 0.5em 0 0.5em 12px !important;  /* top right bottom LEFT */
       box-sizing: border-box !important;
-      border-top-left-radius: 12px !important;
-      border-top-right-radius: 12px !important;
     }
 
     /* The h2 title text inside */
@@ -774,8 +772,6 @@ data:
     .widget-type-reddit,
     .widget-type-bookmarks {
       background-color: rgba(20, 50, 70, 0.35) !important;   /* DARK BLUE, semi-transparent */
-      border-bottom-left-radius: 12px !important;
-      border-bottom-right-radius: 12px !important;
     }
 
     /* RSS feed items */
@@ -823,6 +819,39 @@ data:
       background: rgba(45, 126, 136, 0.16);
     }
 
+    /* =========================================================================
+       WIDGET ROUNDED CORNERS
+       ========================================================================= */
+    
+    /* The parent widget container - round ALL corners and clip children */
+    .widget {
+      border-radius: 12px !important;
+      overflow: hidden !important;  /* This clips the children to the rounded shape */
+    }
+
+    /* Header - round only TOP corners */
+    .widget-header {
+      border-top-left-radius: 12px !important;
+      border-top-right-radius: 12px !important;
+      border-bottom-left-radius: 0 !important;
+      border-bottom-right-radius: 0 !important;
+    }
+
+    /* Content - round only BOTTOM corners */
+    .widget-content,
+    .widget-content:not(.widget-content-frameless),
+    .widget-content-frame {
+      border-top-left-radius: 0 !important;
+      border-top-right-radius: 0 !important;
+      border-bottom-left-radius: 12px !important;
+      border-bottom-right-radius: 12px !important;
+    }
+
+    /* For widgets without headers (content only), round all corners */
+    .widget:not(:has(.widget-header)) .widget-content {
+      border-radius: 12px !important;
+    }
+
     /* =========================================================================
        BOOKMARK STYLING
        The link cards in bookmark widgets