From 7ef076f2cec57dbdf46b3a5242aeb7a416d37b0d Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Wed, 25 Oct 2023 11:51:15 +0530
Subject: [PATCH] chore: move indent/outdent items out of menu [skip e2e]

---
 .../Plugins/ToolbarPlugin/ToolbarPlugin.tsx         | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/ToolbarPlugin/ToolbarPlugin.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/ToolbarPlugin/ToolbarPlugin.tsx
index 8664513d0..bf4eee052 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/ToolbarPlugin/ToolbarPlugin.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/ToolbarPlugin/ToolbarPlugin.tsx
@@ -576,6 +576,16 @@ const ToolbarPlugin = () => {
               <Icon type="align-left" size="custom" className="h-4 w-4 md:h-3.5 md:w-3.5" />
               <Icon type="chevron-down" size="custom" className="ml-2 h-4 w-4 md:h-3.5 md:w-3.5" />
             </ToolbarButton>
+            <ToolbarButton
+              name={IndentBlock.name}
+              iconName={IndentBlock.iconName}
+              onSelect={() => IndentBlock.onSelect(editor)}
+            />
+            <ToolbarButton
+              name={OutdentBlock.name}
+              iconName={OutdentBlock.iconName}
+              onSelect={() => OutdentBlock.onSelect(editor)}
+            />
             <ToolbarButton
               name="Insert"
               onSelect={() => {
@@ -804,9 +814,6 @@ const ToolbarPlugin = () => {
             active={elementFormat === 'justify'}
             onClick={() => JustifyAlignBlock.onSelect(editor)}
           />
-          <MenuItemSeparator />
-          <ToolbarMenuItem name="Indent" iconName="indent" onClick={() => IndentBlock.onSelect(editor)} />
-          <ToolbarMenuItem name="Outdent" iconName="outdent" onClick={() => OutdentBlock.onSelect(editor)} />
         </Menu>
       </Popover>
       <Popover