Add new copy change, clean up spacing, darken oauth scopes

Author: RachelElysia

frontend/pages/admin/IntegrationsPage/cards/Calendars/Calendars.tsx

@@ -315,7 +315,7 @@ const Calendars = (): JSX.Element => {
                     type="submit"
                     variant="brand"
                     disabled={Object.keys(formErrors).length > 0}
-                    className="save-loading button-wrap"
+                    className="save-loading"
                     isLoading={isUpdatingSettings}
                   >
                     Save
@@ -387,6 +387,10 @@ const Calendars = (): JSX.Element => {
               </li>
             </ul>
           </p>
+          <p>
+            You&apos;re ready to automatically schedule calendar events for end
+            users.
+          </p>
         </div>
       </>
     );

frontend/pages/admin/IntegrationsPage/cards/Calendars/_styles.scss

@@ -4,6 +4,10 @@
     color: $core-fleet-black;
   }
 
+  p {
+    margin: $pad-large 0;
+  }
+
   ui {
     margin-block-start: $pad-small;
   }
@@ -30,6 +34,7 @@
 
   #oauth-scopes {
     font-family: "SourceCodePro", $monospace;
+    color: $core-fleet-black;
     min-height: 80px;
     padding: $pad-medium;
     padding-right: $pad-xxlarge;