Fix issue where menu bar was hiding add icon& top of the page

SegiH · Sep 2, 2024 · e6038e8 · e6038e8
1 parent 8e03570
commit e6038e8
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 11 deletions.
diff --git 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
@@ -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>
      )
 }
diff --git 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>
      )
 }
diff --git 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>
      )
 }
diff --git 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>
      );
 }
diff --git 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;
 }