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 = () => {
Presets
-
- {jointPositions.length > 0 && (
-