From 8e1ac0f95c21181601f59e7656b9e44b5c32c40d Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Thu, 31 Oct 2024 10:43:56 +0100
Subject: [PATCH] ui: fix team badge in saved, fix calendar weekend highlight

---
 .../components/shared/DateRangeDropdown/ReactCalendar.css  | 7 +++++++
 .../components/SavedSearchModal/SavedSearchModal.tsx       | 4 ++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/app/components/shared/DateRangeDropdown/ReactCalendar.css b/frontend/app/components/shared/DateRangeDropdown/ReactCalendar.css
index 9a85ae892..3ac0bcb0d 100644
--- a/frontend/app/components/shared/DateRangeDropdown/ReactCalendar.css
+++ b/frontend/app/components/shared/DateRangeDropdown/ReactCalendar.css
@@ -156,4 +156,11 @@
 
 .ant-picker-input > input:focus {
     border: 0!important;
+}
+.react-calendar__month-view__days__day--weekend {
+    color: black;
+}
+.react-calendar__tile--now {
+    background: #2331A8;
+    color: white;
 }
\ No newline at end of file
diff --git a/frontend/app/components/shared/SavedSearch/components/SavedSearchModal/SavedSearchModal.tsx b/frontend/app/components/shared/SavedSearch/components/SavedSearchModal/SavedSearchModal.tsx
index d805a12e6..5b17f1aa2 100644
--- a/frontend/app/components/shared/SavedSearch/components/SavedSearchModal/SavedSearchModal.tsx
+++ b/frontend/app/components/shared/SavedSearch/components/SavedSearchModal/SavedSearchModal.tsx
@@ -83,14 +83,14 @@ function SavedSearchModal(props: Props) {
         {shownItems.map((item) => (
           <div
             key={item.key}
-            className={cn('p-4 cursor-pointer border-b flex items-center group hover:bg-active-blue', item.isPublic && 'pb-10')}
+            className={cn('p-4 cursor-pointer border-b flex items-center group hover:bg-active-blue')}
             onClick={(e) => onClick(item, e)}
           >
             <Icon name="search" color="gray-medium" size="16" />
             <div className="ml-4">
               <div className="text-lg">{item.name} </div>
               {item.isPublic && (
-                <div className={cn(stl.iconContainer, 'absolute color-gray-medium flex items-center px-2 mt-2')}>
+                <div className={cn(stl.iconContainer, 'color-gray-medium flex items-center px-2 mt-2')}>
                   <Icon name="user-friends" size="11" />
                   <div className="ml-1 text-sm"> Team</div>
                 </div>