From 174b97c33dd0d0d85579bf2d7f633a5f90d1eeb5 Mon Sep 17 00:00:00 2001
From: Kiril Vatev <vatev.1@gmail.com>
Date: Fri, 19 Jan 2024 16:53:04 -0500
Subject: [PATCH] it looks better with a background rather than a border

---
 src/ui/daily-forecast.js | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/ui/daily-forecast.js b/src/ui/daily-forecast.js
index 068a92d..0e9c490 100644
--- a/src/ui/daily-forecast.js
+++ b/src/ui/daily-forecast.js
@@ -20,12 +20,24 @@ const Day = ({ data }) => {
 
   const classname = useStyle(`
     $ {
+      --radius: 5px;
+      --big-radius: calc(var(--radius) * 3);
       position: relative;
-      border: 1px solid gray;
       padding: 10px;
       margin: 10px;
-      border-radius: 10px;
+      border-radius: var(--radius);
       line-height: 1.4;
+      background: rgba(255, 255, 255, 0.03);
+    }
+
+    $:first-of-type {
+      border-top-left-radius: var(--big-radius);
+      border-top-right-radius: var(--big-radius);
+    }
+
+    $:last-of-type {
+      border-bottom-left-radius: var(--big-radius);
+      border-bottom-right-radius: var(--big-radius);
     }
 
     $ .toggle {