UX: smaller modal headings, shorter flag mdoal title (#28278)

app/assets/stylesheets/common/base/modal.scss

@@ -40,6 +40,7 @@
 
     .modal-close {
       margin-left: auto;
+      align-self: start;
       .d-icon {
         font-size: var(--font-up-2);
         color: var(--primary-high);
@@ -54,6 +55,11 @@
     }
   }
 
+  &__title-text {
+    font-size: var(--font-up-3);
+    line-height: var(--line-height-medium);
+  }
+
   &__title-text,
   &__subtitle-text {
     margin: 0;

app/assets/stylesheets/common/modal/modal-overrides.scss

@@ -224,10 +224,6 @@
 }
 
 .d-modal.topic-bulk-actions-modal {
-  .d-modal__title-text {
-    font-size: var(--font-up-2);
-  }
-
   .d-modal {
     &__container {
       display: flex;

config/locales/client.en.yml

@@ -4096,7 +4096,7 @@ en:
       colors_disabled: "You can’t select colors because you have a category style of none."
 
     flagging:
-      title: "Thanks for helping to keep our community civil!"
+      title: "Thanks for keeping our community civil!"
       action: "Flag Post"
       take_action: "Take Action…"
       take_action_options:
@@ -4154,7 +4154,7 @@ en:
           other: "%{count} remaining"
 
     flagging_topic:
-      title: "Thanks for helping to keep our community civil!"
+      title: "Thanks for keeping our community civil!"
       action: "Flag Topic"
       notify_action: "Message"