Removed infocard

src/taskpane/components/ShapeResizer.tsx

@@ -7,8 +7,7 @@ import {
   InfoLabel, 
   Spinner, 
   tokens,
-  Card,
-  Body1
+  Card
 } from "@fluentui/react-components";
 import { 
   ArrowFitInRegular, 
@@ -57,21 +56,6 @@ const useStyles = makeStyles({
     backgroundColor: "#FDE7E9", // Light red background
     color: "#A80000", // Red text
   },
-  infoCard: {
-    marginTop: "12px",
-    padding: "8px",
-    backgroundColor: "#f3f2f1", // Light gray background
-    borderRadius: "6px",
-    borderLeft: "3px solid #0078d4", // Brand blue color
-  },
-  infoIcon: {
-    marginRight: "8px",
-    color: "#0078d4", // Brand blue color
-  },
-  infoText: {
-    fontSize: "12px",
-    color: "#605e5c", // Medium gray text
-  },
   statusIcon: {
     marginRight: "8px",
   },
@@ -165,7 +149,7 @@ export const ShapeResizer: React.FC = () => {
             icon={<ArrowFitInRegular />}
             disabled={isProcessing}
           >
-            Match Size to First Shape
+            Match Sizes
           </Button>
       </div>
       
@@ -187,14 +171,6 @@ export const ShapeResizer: React.FC = () => {
         </div>
       )}
       
-      <div className={styles.infoCard}>
-        <div style={{ display: "flex", alignItems: "center" }}>
-          <InfoRegular className={styles.infoIcon} />
-          <Body1 className={styles.infoText}>
-            Select multiple shapes, then click the button to resize all shapes to match the first one.
-          </Body1>
-        </div>
-      </div>
     </div>
   );
 };