refactor: Improve padding in ActionButton and WakeComponent

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}

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

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()}
         >