From 6faa01a99892e35b7e8d72f4acbc9b797b31bc86 Mon Sep 17 00:00:00 2001
From: gnezim <gnezim@gmail.com>
Date: Mon, 20 Apr 2026 07:02:38 +0300
Subject: [PATCH] DayTabs: 3px top-corner radius matching Angular date-tabs
 carousel arrows

---
 src/features/online-board/components/DayTabs/DayTabs.scss | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/features/online-board/components/DayTabs/DayTabs.scss b/src/features/online-board/components/DayTabs/DayTabs.scss
index 9bbb9a87..4776105f 100644
--- a/src/features/online-board/components/DayTabs/DayTabs.scss
+++ b/src/features/online-board/components/DayTabs/DayTabs.scss
@@ -1,4 +1,5 @@
 @use "../../../../styles/colors" as colors;
+@use "../../../../styles/variables" as vars;
 
 // Matches Angular's date-tabs row. Single flat row, 48px tall, 7 tabs per
 // page flanked by 50px carousel arrows. Active tab has white bg + dark
@@ -14,7 +15,10 @@
   display: flex;
   align-items: stretch;
   height: 48px;
-  border-radius: 8px 8px 0 0;
+  // Angular rounds the outer arrow buttons by `$border-radius` (3px)
+  // so the whole strip ends with 3px top corners rather than React's
+  // previous 8px card-style rounding.
+  border-radius: vars.$border-radius vars.$border-radius 0 0;
   overflow: hidden;
   background: colors.$white;