From e6038e8dd27525fa7d36332838a30b035a97a6ab Mon Sep 17 00:00:00 2001
From: Segi <shovav@cryptolab.net>
Date: Sun, 1 Sep 2024 20:11:46 -0700
Subject: [PATCH] Fix issue where menu bar was hiding add icon& top of the page

---
 src/app/Admin/page.tsx          | 4 ++--
 src/app/BugLog/page.tsx         | 4 ++--
 src/app/WatchList/page.tsx      | 4 ++--
 src/app/WatchListItems/page.tsx | 4 ++--
 src/app/WatchListStats/page.tsx | 4 ++--
 src/app/page.css                | 7 ++++++-
 6 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/src/app/Admin/page.tsx b/src/app/Admin/page.tsx
index 2896644..ed36803 100644
--- a/src/app/Admin/page.tsx
+++ b/src/app/Admin/page.tsx
@@ -69,8 +69,8 @@ export default function Admin() {
      }, []);
 
      return (
-          <div>
-               <Tabs value={selectedTab} onChange={tabClickHandler}>
+          <div className={`topMarginContent ${!darkMode ? " lightMode" : " darkMode"}`}>
+               <Tabs className={`${!darkMode ? " lightMode" : " darkMode"}`} value={selectedTab} onChange={tabClickHandler}>
                     <Tab className={`${!darkMode ? " lightMode" : " darkMode"}`} label="Users" {...tabProps(0)} />
                     <Tab className={`${!darkMode ? " lightMode" : " darkMode"}`} label="Sources" {...tabProps(1)} />
                     <Tab className={`${!darkMode ? " lightMode" : " darkMode"}`} label="Types" {...tabProps(2)} />
diff --git a/src/app/BugLog/page.tsx b/src/app/BugLog/page.tsx
index 95bd7dd..8d03436 100644
--- a/src/app/BugLog/page.tsx
+++ b/src/app/BugLog/page.tsx
@@ -304,7 +304,7 @@ export default function BugLog() {
      }, [showActiveBugLogs]);
 
      return (
-          <>
+          <span className="topMarginContent">
                Bug Log
                <DataGrid
                     className={`${!darkMode ? " lightMode" : " darkMode"}`}
@@ -326,6 +326,6 @@ export default function BugLog() {
                     }}
                     experimentalFeatures={{ newEditingApi: true }}
                />
-          </>
+          </span>
      )
 }
\ No newline at end of file
diff --git a/src/app/WatchList/page.tsx b/src/app/WatchList/page.tsx
index 81ca373..796ef89 100644
--- a/src/app/WatchList/page.tsx
+++ b/src/app/WatchList/page.tsx
@@ -98,7 +98,7 @@ export default function WatchList() {
      }, []);
 
      return (
-          <React.Fragment>
+          <span className="topMarginContent">
                {isLoggedIn && !isError && (
                     <span className={`bottomMargin20 clickable customTopMargin leftMargin40 ${!darkMode ? " lightMode" : " darkMode"}`} onClick={() => openDetailClickHandler(-1)}>
                          {AddIconComponent}
@@ -179,6 +179,6 @@ export default function WatchList() {
                          })}
                     </ul>
                }
-          </React.Fragment>
+          </span>
      )
 }
\ No newline at end of file
diff --git a/src/app/WatchListItems/page.tsx b/src/app/WatchListItems/page.tsx
index 93fc40b..553098f 100644
--- a/src/app/WatchListItems/page.tsx
+++ b/src/app/WatchListItems/page.tsx
@@ -124,7 +124,7 @@ export default function WatchListItems() {
      }, []);
 
      return (
-          <>
+          <span className="topMarginContent">
                {!isError &&
                     <span className={`clickable customTopMargin leftMargin40 ${!darkMode ? " lightMode" : " darkMode"}`} onClick={() => openDetailClickHandler(-1)}>
                          {AddIconComponent}
@@ -181,6 +181,6 @@ export default function WatchListItems() {
                               );
                          })}
                </ul>
-          </>
+          </span>
      )
 }
\ No newline at end of file
diff --git a/src/app/WatchListStats/page.tsx b/src/app/WatchListStats/page.tsx
index a614bf0..0282fe7 100644
--- a/src/app/WatchListStats/page.tsx
+++ b/src/app/WatchListStats/page.tsx
@@ -712,7 +712,7 @@ export default function WatchListStats() {
      }
 
      return (
-          <>
+          <span className="topMarginContent">
                <div className={`flex-container${!darkMode ? " lightMode" : " darkMode"}`}>
                     <div className="col-1">
                          {sourceStats !== null && watchListSourceStats?.length > 0 &&
@@ -868,6 +868,6 @@ export default function WatchListStats() {
                          </div>
                     }
                </div>
-          </>
+          </span>
      );
 }
\ No newline at end of file
diff --git a/src/app/page.css b/src/app/page.css
index 9a26eed..712e1c2 100644
--- a/src/app/page.css
+++ b/src/app/page.css
@@ -318,7 +318,6 @@ input:checked+.slider:before {
      display: inline-flex;
      min-height: 56px;
      width: 100%;
-     margin-bottom: 15px;
      overflow: scroll;
      scrollbar-width: none;
      position: fixed;
@@ -685,6 +684,12 @@ input:checked+.slider:before {
      margin-top: 25px !important;
 }
 
+
+.topMarginContent {
+     position: relative;
+     top: 50px !important;
+}
+
 .unsetcardwidth {
      width: unset !important;
 }