From 51f8b556a2c8c476c36eb8e46fce7db9e44bc776 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 22 Apr 2026 17:33:40 +0300
Subject: [PATCH] cleanup notice dismissable

---
 .../password_reset/password_reset.vue         | 11 +++-----
 .../post_status_form/post_status_form.vue     | 28 ++++++++++---------
 src/components/status/status.vue              |  5 ++--
 3 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/src/components/password_reset/password_reset.vue b/src/components/password_reset/password_reset.vue
index 5392f487b..ea86fb517 100644
--- a/src/components/password_reset/password_reset.vue
+++ b/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;
   }
diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue
index 9d5521b44..f5e750aff 100644
--- a/src/components/post_status_form/post_status_form.vue
+++ b/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"
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 8c78fddc1..9351d53c8 100644
--- a/src/components/status/status.vue
+++ b/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">