add privacy reminder to flag dialog

app/assets/javascripts/discourse/templates/modal/flag.hbs

@@ -30,4 +30,5 @@
   {{#if canDeleteSpammer}}
     <button class="btn btn-danger" {{action "deleteSpammer" userDetails}} {{bind-attr disabled="submitDisabled"}} title="{{i18n flagging.delete_spammer}}"><i class="fa fa-exclamation-triangle"></i> {{i18n flagging.delete_spammer}}</button>
   {{/if}}
+  <span class="hint">{{{i18n flagging.private_reminder}}}</span>
 </div>

app/assets/stylesheets/desktop/modal.scss

@@ -56,6 +56,13 @@ animation: modal .25s;
 .modal-footer .btn-group .btn + .btn {
   margin-left: -1px;
 }
+
+.modal-footer span.hint {
+  color: scale-color($primary, $lightness: 70%);
+  float: right;
+  line-height: 30px;
+}
+
 .modal-header {
   border-bottom: 1px solid scale-color-diff();
   h3 {

app/assets/stylesheets/mobile/modal.scss

@@ -48,6 +48,9 @@
 .modal-footer .btn-group .btn + .btn {
   margin-left: -1px;
 }
+
+.modal-footer span.hint { display: none; }
+
 .modal-header {
   // we need tighter spacing on mobile for header
   // this clearfix under the modal title h3 pushes it way down

config/locales/client.en.yml

@@ -1313,6 +1313,7 @@ en:
 
     flagging:
       title: 'Thank you for helping to keep our community civil!'
+      private_reminder: 'flags are private, <b>only</b> visible to staff'
       action: 'Flag Post'
       take_action: "Take Action"
       notify_action: 'Private message'
@@ -1336,7 +1337,7 @@ en:
         left: "{{n}} remaining"
 
     flagging_topic:
-      title: "Why are you privately flagging this topic?"
+      title: "Thank you for helping to keep our community civil!"
       action: "Flag Topic"
       notify_action: "Private message"