Minor rearangement

src/taskpane/components/AlignmentButtons.tsx

@@ -247,36 +247,6 @@ export const AlignmentButtons: React.FC = () => {
   return (
     <div className={commonStyles.container}>
       <div className={styles.alignmentGrid}>
-        <Button 
-          appearance="primary" 
-          className={styles.alignButton}
-          onClick={alignLeft} 
-          icon={<TextAlignLeftRegular />}
-          disabled={isProcessing}
-          title="Align Left"
-        >
-          Left
-        </Button>
-        <Button 
-          appearance="primary" 
-          className={styles.alignButton}
-          onClick={alignCenter} 
-          icon={<TextAlignCenterRegular />}
-          disabled={isProcessing}
-          title="Align Center"
-        >
-          Center
-        </Button>
-        <Button 
-          appearance="primary" 
-          className={styles.alignButton}
-          onClick={alignRight} 
-          icon={<TextAlignRightRegular />}
-          disabled={isProcessing}
-          title="Align Right"
-        >
-          Right
-        </Button>
         <Button 
           appearance="primary" 
           className={styles.alignButton}
@@ -307,6 +277,36 @@ export const AlignmentButtons: React.FC = () => {
         >
           Bottom
         </Button>
+        <Button 
+          appearance="primary" 
+          className={styles.alignButton}
+          onClick={alignLeft} 
+          icon={<TextAlignLeftRegular />}
+          disabled={isProcessing}
+          title="Align Left"
+        >
+          Left
+        </Button>
+        <Button 
+          appearance="primary" 
+          className={styles.alignButton}
+          onClick={alignCenter} 
+          icon={<TextAlignCenterRegular />}
+          disabled={isProcessing}
+          title="Align Center"
+        >
+          Center
+        </Button>
+        <Button 
+          appearance="primary" 
+          className={styles.alignButton}
+          onClick={alignRight} 
+          icon={<TextAlignRightRegular />}
+          disabled={isProcessing}
+          title="Align Right"
+        >
+          Right
+        </Button>
       </div>
     </div>
   );