From abcecb933abbbbfffd3d4f99da7574ee085e4211 Mon Sep 17 00:00:00 2001
From: Heiko Joerg Schick <info@schihei.de>
Date: Sat, 8 Mar 2025 01:05:16 +0100
Subject: [PATCH] Added the remaining sections

---
 src/taskpane/components/App.tsx | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/taskpane/components/App.tsx b/src/taskpane/components/App.tsx
index 0822807a..bbf4c8aa 100644
--- a/src/taskpane/components/App.tsx
+++ b/src/taskpane/components/App.tsx
@@ -68,7 +68,7 @@ const useStyles = makeStyles({
     alignItems: "center",
   },
   section: {
-    marginBottom: "4px",
+    marginBottom: "6px",
     padding: "12px",
     borderRadius: "8px",
     backgroundColor: tokens.colorNeutralBackground2,
@@ -146,12 +146,30 @@ const App: React.FC<AppProps> = () => {
       <div className={styles.root} data-theme={theme}>
         <div className={styles.section}>
           <Subtitle1 block className={styles.sectionTitle}>
-            Shape Tools
+            Content
           </Subtitle1>
           <MatchSizes />
           <div style={{ marginTop: "8px" }}></div>
           <MatchProperties />
         </div>
+
+        <div className={styles.section}>
+          <Subtitle1 block className={styles.sectionTitle}>
+            Progress Bar
+          </Subtitle1>
+        </div>
+
+        <div className={styles.section}>
+          <Subtitle1 block className={styles.sectionTitle}>
+            Confidential
+          </Subtitle1>
+        </div>
+
+        <div className={styles.section}>
+          <Subtitle1 block className={styles.sectionTitle}>
+            Alignment
+          </Subtitle1>
+        </div>
         
         {/* Status message area at the bottom */}
         {isProcessing && (