From f365c3c1b60d8fa8d180022194ccebd34536e767 Mon Sep 17 00:00:00 2001
From: Calli <calli-eve@proton.me>
Date: Tue, 4 Jul 2023 00:13:52 +0300
Subject: [PATCH] hone top bar and add xl breakpoint

---
 src/app/components/Backup/DowloadButton.tsx                | 2 +-
 src/app/components/Backup/UploadButton.tsx                 | 2 +-
 src/app/components/CCP/CCPButton.tsx                       | 2 +-
 src/app/components/CompactModeButton/CompactModeButton.tsx | 1 -
 src/app/components/Discord/DiscordButton.tsx               | 2 +-
 src/app/components/Github/GitHubButton.tsx                 | 2 +-
 src/app/components/Login/LoginButton.tsx                   | 2 +-
 src/app/components/MainGrid.tsx                            | 1 +
 8 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/components/Backup/DowloadButton.tsx b/src/app/components/Backup/DowloadButton.tsx
index 07c60d5..68d1e68 100644
--- a/src/app/components/Backup/DowloadButton.tsx
+++ b/src/app/components/Backup/DowloadButton.tsx
@@ -11,7 +11,7 @@ export const DowloadButton = () => {
           JSON.stringify(characters)
         )}`}
         download={`eve-pi-characters.json`}
-        sx={{ my: 2, color: "white", display: "block" }}
+        sx={{ color: "white", display: "block" }}
       >
         Backup
       </Button>
diff --git a/src/app/components/Backup/UploadButton.tsx b/src/app/components/Backup/UploadButton.tsx
index 4f9b3fe..5aef008 100644
--- a/src/app/components/Backup/UploadButton.tsx
+++ b/src/app/components/Backup/UploadButton.tsx
@@ -10,7 +10,7 @@ export const UploadButton = () => {
         <Button
           style={{ width: "100%" }}
           onClick={() => setUploadDialogOpen(true)}
-          sx={{ my: 2, color: "white", display: "block" }}
+          sx={{ color: "white", display: "block" }}
         >
           Restore
         </Button>
diff --git a/src/app/components/CCP/CCPButton.tsx b/src/app/components/CCP/CCPButton.tsx
index b3ed637..35690a1 100644
--- a/src/app/components/CCP/CCPButton.tsx
+++ b/src/app/components/CCP/CCPButton.tsx
@@ -11,7 +11,7 @@ export const CCPButton = () => {
           href="https://community.eveonline.com/support/policies/eve-online-content-creation-terms-of-use-en/"
           target="_blank"
           style={{ width: "100%" }}
-          sx={{ my: 2, color: "white", display: "block" }}
+          sx={{ color: "white", display: "block" }}
         >
           CCP ©
         </Button>
diff --git a/src/app/components/CompactModeButton/CompactModeButton.tsx b/src/app/components/CompactModeButton/CompactModeButton.tsx
index 873f234..e661b79 100644
--- a/src/app/components/CompactModeButton/CompactModeButton.tsx
+++ b/src/app/components/CompactModeButton/CompactModeButton.tsx
@@ -10,7 +10,6 @@ export const CompactModeButton = () => {
         value="check"
         selected={compactMode}
         onChange={toggleCompactMode}
-        style={{ margin: "1rem 0" }}
       >
         Compact mode
       </ToggleButton>
diff --git a/src/app/components/Discord/DiscordButton.tsx b/src/app/components/Discord/DiscordButton.tsx
index e587250..9545e87 100644
--- a/src/app/components/Discord/DiscordButton.tsx
+++ b/src/app/components/Discord/DiscordButton.tsx
@@ -7,7 +7,7 @@ export const DiscordButton = () => {
           href="https://discord.gg/MDapvGyw"
           target="_blank"
           style={{ width: "100%" }}
-          sx={{ my: 2, color: "white", display: "block" }}
+          sx={{ color: "white", display: "block" }}
         >
           Discord
         </Button>
diff --git a/src/app/components/Github/GitHubButton.tsx b/src/app/components/Github/GitHubButton.tsx
index f5b2a2e..981e3b5 100644
--- a/src/app/components/Github/GitHubButton.tsx
+++ b/src/app/components/Github/GitHubButton.tsx
@@ -7,7 +7,7 @@ export const GitHubButton = () => {
           href="https://github.com/calli-eve/eve-pi"
           target="_blank"
           style={{ width: "100%" }}
-          sx={{ my: 2, color: "white", display: "block" }}
+          sx={{ color: "white", display: "block" }}
         >
           GitHub
         </Button>
diff --git a/src/app/components/Login/LoginButton.tsx b/src/app/components/Login/LoginButton.tsx
index 9b27b39..de67f7a 100644
--- a/src/app/components/Login/LoginButton.tsx
+++ b/src/app/components/Login/LoginButton.tsx
@@ -9,7 +9,7 @@ export const LoginButton = () => {
       <Tooltip title="Login with your EVE characters to track your planets">
         <Button
           style={{ width: "100%" }}
-          sx={{ my: 2, color: "white", display: "block" }}
+          sx={{ color: "white", display: "block" }}
           onClick={() => setLoginDialogOpen(true)}
         >
           Login
diff --git a/src/app/components/MainGrid.tsx b/src/app/components/MainGrid.tsx
index 4a9f0a8..c33062a 100644
--- a/src/app/components/MainGrid.tsx
+++ b/src/app/components/MainGrid.tsx
@@ -85,6 +85,7 @@ export const MainGrid = ({ sessionReady }: { sessionReady: boolean }) => {
               item
               xs={12}
               sm={compactMode ? 6 : 12}
+              xl={compactMode ? 3 : 12}
               key={`account-${id}-${g[0].account}`}
             >
               <AccountCard characters={g} sessionReady={sessionReady} />