Dashboard adjustments

dragoni7 · Sep 23, 2024 · 95bb2fd · 95bb2fd
1 parent eb68a19
commit 95bb2fd
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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 &&