Minor renaming of buttons and sections

src/taskpane/components/App.tsx

@@ -175,10 +175,15 @@ const App: React.FC<AppProps> = () => {
 
         <div className={styles.section}>
           <Subtitle1 block className={styles.sectionTitle}>
-            Markings & Watermarks
+            Confidential Marking
           </Subtitle1>
           <ConfidentialButtons />
-          <div style={{ marginTop: "8px" }}></div>
+        </div>
+
+        <div className={styles.section}>
+          <Subtitle1 block className={styles.sectionTitle}>
+            Draft Watermark
+          </Subtitle1>
           <DraftButtons />
         </div>
 

src/taskpane/components/ConfidentialButtons.tsx

@@ -21,7 +21,6 @@ const useStyles = makeStyles({
     width: "100%",
     minWidth: 0,
     padding: "8px 4px",
-    fontSize: "10px",
     "& span": {
       justifyContent: "center"
     }
@@ -253,7 +252,7 @@ export const ConfidentialButtons: React.FC = () => {
           disabled={isProcessing}
           title="Add Confidential"
         >
-          Add Confidential
+          Add
         </Button>
         <Button 
           appearance="primary" 
@@ -263,7 +262,7 @@ export const ConfidentialButtons: React.FC = () => {
           disabled={isProcessing}
           title="Remove Confidential"
         >
-          Remove Confidential
+          Remove
         </Button>
       </div>
     </div>

src/taskpane/components/DraftButtons.tsx

@@ -239,7 +239,7 @@ export const DraftButtons: React.FC = () => {
           disabled={isProcessing}
           title="Add Draft"
         >
-          Add Draft
+          Add
         </Button>
         <Button 
           appearance="primary" 
@@ -249,7 +249,7 @@ export const DraftButtons: React.FC = () => {
           disabled={isProcessing}
           title="Remove Draft"
         >
-          Remove Draft
+          Remove
         </Button>
       </div>
     </div>