Minor changes in the button

src/taskpane/components/GridGuidelineManager.tsx

@@ -473,7 +473,7 @@ export const GridGuidelineManager: React.FC = () => {
         </div>
       </div>
       
-      <div className={styles.buttonGrid} style={{ marginTop: "12px" }}>
+      <div className={styles.buttonGrid} style={{ marginTop: "8px" }}>
         <Button 
           appearance="primary" 
           className={styles.gridButton}
@@ -482,7 +482,7 @@ export const GridGuidelineManager: React.FC = () => {
           disabled={isProcessing}
           title="Create Grid"
         >
-          Create Grid
+          Add
         </Button>
         <Button 
           appearance="primary" 
@@ -492,7 +492,7 @@ export const GridGuidelineManager: React.FC = () => {
           disabled={isProcessing}
           title="Remove Grid"
         >
-          Remove Grid
+          Remove
         </Button>
       </div>
       
@@ -578,17 +578,17 @@ export const GridGuidelineManager: React.FC = () => {
             disabled={isProcessing}
             title="Add Guideline"
           >
-            Add Guideline
+            Add
           </Button>
           <Button 
             appearance="primary" 
             className={styles.gridButton}
             onClick={removeGuidelines} 
-            icon={<ArrowResetRegular />}
+            icon={<DismissRegular />}
             disabled={isProcessing}
             title="Remove All Guidelines"
           >
-            Remove All
+            Remove
           </Button>
         </div>
       </div>