Use <p> elements instead of <br> for notice on edit status form

src/components/post_status_form/post_status_form.vue

@@ -66,14 +66,13 @@
           <span v-if="safeDMEnabled">{{ $t('post_status.direct_warning_to_first_only') }}</span>
           <span v-else>{{ $t('post_status.direct_warning_to_all') }}</span>
         </p>
-        <p
+        <div
           v-if="isEdit"
-          class="visibility-notice"
+          class="visibility-notice edit-warning"
         >
-          <span>{{ $t('post_status.edit_remote_warning') }}</span>
-          <br>
-          <span>{{ $t('post_status.edit_unsupported_warning') }}</span>
-        </p>
+          <p>{{ $t('post_status.edit_remote_warning') }}</p>
+          <p>{{ $t('post_status.edit_unsupported_warning') }}</p>
+        </div>
         <div
           v-if="!disablePreview"
           class="preview-heading faint"
@@ -419,6 +418,16 @@
     align-items: baseline;
   }
 
+  .visibility-notice.edit-warning {
+    > :first-child {
+      margin-top: 0;
+    }
+
+    > :last-child {
+      margin-bottom: 0;
+    }
+  }
+
   .media-upload-icon, .poll-icon, .emoji-icon {
     font-size: 1.85em;
     line-height: 1.1;