From 95bb2fdfeb827eddc9a6bfd8e897a0d07c78df00 Mon Sep 17 00:00:00 2001
From: dragoni7 <sdgibson18@outlook.com>
Date: Sun, 22 Sep 2024 17:25:55 -0700
Subject: [PATCH] Dashboard adjustments

---
 src/app/routes/Dashboard.tsx                               | 4 ++--
 src/features/armor-optimization/components/NumberBoxes.tsx | 3 +--
 src/features/subclass/components/SubclassSelector.tsx      | 2 +-
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/app/routes/Dashboard.tsx b/src/app/routes/Dashboard.tsx
index 1fd2ab0..a1d5019 100644
--- a/src/app/routes/Dashboard.tsx
+++ b/src/app/routes/Dashboard.tsx
@@ -450,7 +450,7 @@ export const Dashboard: React.FC = () => {
               sx={{ width: '100vw', height: '100vh', overflowY: 'auto', paddingTop: '120px' }}
             >
               <Grid item md={4} sx={{ marginTop: '1%' }}>
-                <Stack width="100%" spacing={1} rowGap={3} marginLeft={2}>
+                <Stack spacing={1} rowGap={6} marginLeft={1} alignItems="center">
                   <SubclassSelector
                     subclasses={subclasses}
                     selectedSubclass={selectedSubclass}
@@ -473,7 +473,7 @@ export const Dashboard: React.FC = () => {
                 <Grid item>
                   <ExoticSelector />
                 </Grid>
-                <Grid item height="22vh">
+                <Grid item height="20%">
                   <Filters />
                 </Grid>
                 <Grid item alignSelf="flex-start">
diff --git a/src/features/armor-optimization/components/NumberBoxes.tsx b/src/features/armor-optimization/components/NumberBoxes.tsx
index 90ffd3c..30a7aaf 100644
--- a/src/features/armor-optimization/components/NumberBoxes.tsx
+++ b/src/features/armor-optimization/components/NumberBoxes.tsx
@@ -66,8 +66,7 @@ const NumberBoxes: React.FC<NumberBoxesProps> = ({ maxReachableValues }) => {
   return (
     <Box
       sx={{
-        paddingRight: 2,
-        paddingTop: 2,
+        padding: 1,
         backgroundColor: 'rgba(0, 0, 0, 0.1)',
         backdropFilter: 'blur(5px)',
         width: '91%',
diff --git a/src/features/subclass/components/SubclassSelector.tsx b/src/features/subclass/components/SubclassSelector.tsx
index 6d8357f..2c9ff31 100644
--- a/src/features/subclass/components/SubclassSelector.tsx
+++ b/src/features/subclass/components/SubclassSelector.tsx
@@ -164,7 +164,7 @@ const SubclassSelector: React.FC<SubclassSelectorProps> = ({
         transform: x.to((x) => `translateX(${x * 40}px)`),
       }}
     >
-      <Stack direction="row" columnGap={4} justifyContent="flex-start" alignItems="center">
+      <Stack direction="row" columnGap={8} justifyContent="flex-start" alignItems="center">
         {!isPrismaticActive && (
           <Box className="diamond-grid">
             {subclasses &&