From d00366aa289db88a25a6ddc743becbb24926fb51 Mon Sep 17 00:00:00 2001
From: GLDuval <glevesqueduval@gmail.com>
Date: Fri, 31 Mar 2023 21:14:19 -0400
Subject: [PATCH] Adjust buttons style

---
 .../pages/ArmPresetsConfig/ArmPreset.tsx      |  5 +--
 .../ArmPresetsConfig/ArmPresetsConfig.tsx     | 36 +++++++++++--------
 2 files changed, 24 insertions(+), 17 deletions(-)

diff --git a/src/renderer/components/pages/Config/pages/ArmPresetsConfig/ArmPreset.tsx b/src/renderer/components/pages/Config/pages/ArmPresetsConfig/ArmPreset.tsx
index e3c16720..a459f014 100644
--- a/src/renderer/components/pages/Config/pages/ArmPresetsConfig/ArmPreset.tsx
+++ b/src/renderer/components/pages/Config/pages/ArmPresetsConfig/ArmPreset.tsx
@@ -35,13 +35,14 @@ const Card = styled.div`
   background-color: ${({ theme }) => theme.colors.darkerBackground};
   border-radius: 4px;
   padding: 16px;
-  margin: 8px;
+  margin-top: 8px;
+  margin-right: 8px;
   display: flex;
   width: 350px;
   flex-direction: column;
   justify-content: flex-start;
   align-items: flex-start;
-  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
+  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
 `;
 
 const HeaderRow = styled.div`
diff --git a/src/renderer/components/pages/Config/pages/ArmPresetsConfig/ArmPresetsConfig.tsx b/src/renderer/components/pages/Config/pages/ArmPresetsConfig/ArmPresetsConfig.tsx
index 56379be4..dcd011a7 100644
--- a/src/renderer/components/pages/Config/pages/ArmPresetsConfig/ArmPresetsConfig.tsx
+++ b/src/renderer/components/pages/Config/pages/ArmPresetsConfig/ArmPresetsConfig.tsx
@@ -24,12 +24,13 @@ const PresetsContainer = styled.div`
   flex-wrap: wrap;
 `;
 
+const PresetButtonContainer = styled.div`
+  display: inline-block;
+  margin-right: 0.5rem;
+`;
+
 const ButtonRow = styled.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  fit-content: fit-content;
+  width: 100%;
 `;
 
 const ArmPresetsConfig = () => {
@@ -53,7 +54,7 @@ const ArmPresetsConfig = () => {
       armPresetsSlice.actions.addPreset({
         id: nanoid(),
         name: 'New Preset',
-        positions: jointPositions,
+        positions: jointPositions.map((value) => round(value, 0)),
       })
     );
   };
@@ -94,17 +95,22 @@ const ArmPresetsConfig = () => {
 
         <SectionTitle>Presets</SectionTitle>
         <ButtonRow>
-          <Button onClick={addPreset}>
-            <FaPlus />
-            <span style={{ marginLeft: '0.2rem' }}>Add Preset</span>
-          </Button>
-          {jointPositions.length > 0 && (
-            <Button onClick={addPresetWithCurrentPositions}>
+          <PresetButtonContainer>
+            <Button onClick={addPreset}>
               <FaPlus />
-              <span style={{ marginLeft: '0.2rem' }}>
-                Add Preset With Current Positions
-              </span>
+              <span style={{ marginLeft: '0.2rem' }}>Add Preset</span>
             </Button>
+          </PresetButtonContainer>
+
+          {jointPositions.length > 0 && (
+            <PresetButtonContainer>
+              <Button onClick={addPresetWithCurrentPositions}>
+                <FaPlus />
+                <span style={{ marginLeft: '0.2rem' }}>
+                  Add Preset With Current Positions
+                </span>
+              </Button>
+            </PresetButtonContainer>
           )}
         </ButtonRow>
         <PresetsContainer>