From 4235323c4a2cf4091201c3b8ba49903c1fbcaf76 Mon Sep 17 00:00:00 2001
From: Tudor Stanciu <tudor.stanciu94@gmail.com>
Date: Sat, 13 Jul 2024 19:54:22 +0300
Subject: [PATCH] refactor: Improve padding in ActionButton and WakeComponent

---
 .../features/machines/components/common/ActionButton.js  | 1 +
 .../features/machines/components/common/ActionsGroup.js  | 9 ++++++++-
 .../features/machines/components/common/WakeComponent.js | 1 +
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/features/machines/components/common/ActionButton.js b/frontend/src/features/machines/components/common/ActionButton.js
index 8a32a74..d3b65d3 100644
--- a/frontend/src/features/machines/components/common/ActionButton.js
+++ b/frontend/src/features/machines/components/common/ActionButton.js
@@ -17,6 +17,7 @@ const ActionButton = React.forwardRef(props => {
         <IconButton
           id={id}
           size={"small"}
+          sx={{ padding: "0.2rem" }}
           onFocus={event => event.stopPropagation()}
           onClick={handleActionClick}
           disabled={disabled}
diff --git a/frontend/src/features/machines/components/common/ActionsGroup.js b/frontend/src/features/machines/components/common/ActionsGroup.js
index 48cad5f..36896cd 100644
--- a/frontend/src/features/machines/components/common/ActionsGroup.js
+++ b/frontend/src/features/machines/components/common/ActionsGroup.js
@@ -27,7 +27,14 @@ const ActionsGroup = ({ machine, actions, addLog }) => {
 
   return (
     <>
-      <div style={{ display: "flex", flexDirection: "row", justifyContent: "flex-end" }}>
+      <div
+        style={{
+          display: "flex",
+          flexDirection: "row",
+          justifyContent: "flex-end",
+          alignItems: "center"
+        }}
+      >
         <WakeComponent machine={machine} addLog={addLog} disabled={!canOperateMachines} />
         {mainActions.map(action => (
           <ActionButton
diff --git a/frontend/src/features/machines/components/common/WakeComponent.js b/frontend/src/features/machines/components/common/WakeComponent.js
index 00dcf8b..6f7b0bc 100644
--- a/frontend/src/features/machines/components/common/WakeComponent.js
+++ b/frontend/src/features/machines/components/common/WakeComponent.js
@@ -95,6 +95,7 @@ const WakeComponent = ({ machine, addLog, disabled }) => {
           size={"small"}
           disabled={disabled || state.on}
           onClick={handleWakeClick}
+          sx={{ padding: "0.2rem" }}
           style={state.on ? { color: "#33cc33" } : undefined}
           onFocus={event => event.stopPropagation()}
         >