From c7abf6e90285857344d7e4f85553a89df971fc3c Mon Sep 17 00:00:00 2001
From: Kristóf Marussy <kristof@marussy.com>
Date: Sat, 13 Aug 2022 23:49:06 +0200
Subject: refactor(frondend): dark theme tweaks

---
 subprojects/frontend/src/editor/EditorButtons.tsx | 34 +++++++++++------------
 1 file changed, 16 insertions(+), 18 deletions(-)

(limited to 'subprojects/frontend/src/editor/EditorButtons.tsx')

diff --git a/subprojects/frontend/src/editor/EditorButtons.tsx b/subprojects/frontend/src/editor/EditorButtons.tsx
index 652ca71e..1412a314 100644
--- a/subprojects/frontend/src/editor/EditorButtons.tsx
+++ b/subprojects/frontend/src/editor/EditorButtons.tsx
@@ -36,24 +36,22 @@ function EditorButtons(): JSX.Element {
   const { editorStore } = useRootStore();
 
   return (
-    <Stack direction="row" spacing={1}>
-      <Stack direction="row" alignItems="center">
-        <IconButton
-          disabled={!editorStore.canUndo}
-          onClick={() => editorStore.undo()}
-          aria-label="Undo"
-        >
-          <UndoIcon fontSize="small" />
-        </IconButton>
-        <IconButton
-          disabled={!editorStore.canRedo}
-          onClick={() => editorStore.redo()}
-          aria-label="Redo"
-        >
-          <RedoIcon fontSize="small" />
-        </IconButton>
-      </Stack>
-      <ToggleButtonGroup size="small">
+    <Stack direction="row" flexGrow={1}>
+      <IconButton
+        disabled={!editorStore.canUndo}
+        onClick={() => editorStore.undo()}
+        aria-label="Undo"
+      >
+        <UndoIcon fontSize="small" />
+      </IconButton>
+      <IconButton
+        disabled={!editorStore.canRedo}
+        onClick={() => editorStore.redo()}
+        aria-label="Redo"
+      >
+        <RedoIcon fontSize="small" />
+      </IconButton>
+      <ToggleButtonGroup size="small" sx={{ mx: 1 }}>
         <ToggleButton
           selected={editorStore.showLineNumbers}
           onClick={() => editorStore.toggleLineNumbers()}
-- 
cgit v1.2.3-54-g00ecf