From 228ba4ebb84f2e7bf4d3e55f817be39a10dea117 Mon Sep 17 00:00:00 2001
From: David Lechner <david@pybricks.com>
Date: Sat, 12 Mar 2022 15:47:47 -0600
Subject: [PATCH] toolbar: change button order

The flash and bluetooth buttons are moved to the left. This way, the
run button is closer to the text editor.
---
 src/toolbar/Toolbar.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/toolbar/Toolbar.tsx b/src/toolbar/Toolbar.tsx
index 20e47108..e86999e5 100644
--- a/src/toolbar/Toolbar.tsx
+++ b/src/toolbar/Toolbar.tsx
@@ -23,15 +23,15 @@ const Toolbar: React.VFC = (_props) => {
             onContextMenu={preventBrowserNativeContextMenu}
             className="pb-toolbar"
         >
+            <ButtonGroup className="pb-toolbar-group pb-align-left">
+                <FlashButton id="flash" />
+                <BluetoothButton id="bluetooth" />
+            </ButtonGroup>
             <ButtonGroup className="pb-toolbar-group pb-align-left">
                 <RunButton id="run" keyboardShortcut="F5" />
                 <StopButton id="stop" keyboardShortcut="F6" />
                 <ReplButton id="repl" />
             </ButtonGroup>
-            <ButtonGroup className="pb-toolbar-group pb-align-left">
-                <FlashButton id="flash" />
-                <BluetoothButton id="bluetooth" />
-            </ButtonGroup>
             <ButtonGroup className="pb-toolbar-group pb-align-right">
                 <SettingsButton
                     id="settings"