cleanup notice dismissable

src/components/password_reset/password_reset.vue

@@ -61,15 +61,16 @@
           </div>
           <p
             v-if="error"
-            class="alert error notice-dismissible"
+            class="alert error"
           >
             <span>{{ error }}</span>
-            <a
+            <button
               class="fa-scale-110 fa-old-padding dismiss"
+              type="button"
               @click.prevent="dismissError()"
             >
               <FAIcon icon="times" />
-            </a>
+            </button>
           </p>
         </div>
       </form>
@@ -117,10 +118,6 @@
     margin: 0.3em 0 1em;
   }
 
-  .notice-dismissible {
-    padding-right: 2rem;
-  }
-
   .dismiss {
     cursor: pointer;
   }

src/components/post_status_form/post_status_form.vue

@@ -9,20 +9,22 @@
       @dragover.prevent="fileDrag"
     >
       <div class="form-group">
-        <i18n-t
-          v-if="!$store.state.users.currentUser.locked && newStatus.visibility == 'private' && !disableLockWarning"
-          keypath="post_status.account_not_locked_warning"
-          tag="p"
-          class="visibility-notice notice-dismissible"
-          scope="global"
-        >
-          <button
-            class="button-unstyled -link"
-            @click="openProfileTab"
+        <div class="visibility-notice notice-dismissible">
+          <i18n-t
+            v-if="!$store.state.users.currentUser.locked && newStatus.visibility == 'private' && !disableLockWarning"
+            keypath="post_status.account_not_locked_warning"
+            tag="p"
+            class=""
+            scope="global"
           >
-            {{ $t('post_status.account_not_locked_warning_link') }}
-          </button>
-        </i18n-t>
+            <button
+              class="button-unstyled -link"
+              @click="openProfileTab"
+            >
+              {{ $t('post_status.account_not_locked_warning_link') }}
+            </button>
+          </i18n-t>
+        </div>
         <p
           v-if="!hideScopeNotice && newStatus.visibility === 'public'"
           class="visibility-notice notice-dismissible"

src/components/status/status.vue

@@ -10,12 +10,13 @@
       class="alert error"
     >
       {{ error }}
-      <span
+      <button
         class="fa-scale-110 fa-old-padding"
+        type="button"
         @click="clearError"
       >
         <FAIcon icon="times" />
-      </span>
+      </button>
     </div>
     <template v-if="muted && !isPreview">
       <div class="status-container muted">