From c47bfe53ffd3fdb2f0f1765e3215b65cd0b79024 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 15 Aug 2025 09:38:36 +0300
Subject: [PATCH 1/5] aria

---
 src/components/notification/notification.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue
index b4398b448..28ab1b9b8 100644
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@@ -12,13 +12,13 @@
   <article
     class="NotificationParent"
     :class="{ '-expandable': expandable }"
-    :aria-controls="'notif-' +notification.id"
     v-else
   >
     <div
       v-if="needMute && !unmuted"
       :id="'notif-' +notification.id"
       :aria-expanded="statusExpanded"
+      :aria-controls="'notif-' +notification.id"
       class="Notification container -muted"
     >
       <small>

From 9ed2fd3c4b97850f6a4c398111e94db24a9ff50a Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 15 Aug 2025 09:41:08 +0300
Subject: [PATCH 2/5] default to 1rem instead 14px

---
 src/App.scss                                | 2 +-
 src/components/emoji_picker/emoji_picker.js | 2 +-
 src/components/status/status.scss           | 4 ++--
 src/modules/instance.js                     | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/App.scss b/src/App.scss
index be6929f69..01f24d0ca 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -21,7 +21,7 @@
 }
 
 html {
-  font-size: var(--textSize, 14px);
+  font-size: var(--textSize, 1rem);
 
   --navbar-height: var(--navbarSize, 3.5rem);
   --emoji-size: var(--emojiSize, 32px);
diff --git a/src/components/emoji_picker/emoji_picker.js b/src/components/emoji_picker/emoji_picker.js
index f9b306fb4..8e572d1d2 100644
--- a/src/components/emoji_picker/emoji_picker.js
+++ b/src/components/emoji_picker/emoji_picker.js
@@ -140,7 +140,7 @@ const EmojiPicker = {
     },
     updateEmojiSize () {
       const css = window.getComputedStyle(this.$refs.popover.$el)
-      const fontSize = css.getPropertyValue('font-size') || '14px'
+      const fontSize = css.getPropertyValue('font-size') || '1rem'
       const emojiSize = css.getPropertyValue('--emojiSize') || '2.2rem'
 
       const fontSizeUnit = fontSize.replace(/[0-9,.]+/, '').trim()
diff --git a/src/components/status/status.scss b/src/components/status/status.scss
index 0f325ea7f..09b37aa14 100644
--- a/src/components/status/status.scss
+++ b/src/components/status/status.scss
@@ -245,8 +245,8 @@
     margin-right: 0;
 
     .emoji {
-      width: 14px;
-      height: 14px;
+      width: 1em;
+      height: 1em;
       vertical-align: middle;
       object-fit: contain;
     }
diff --git a/src/modules/instance.js b/src/modules/instance.js
index 93f81e4d8..7317debf8 100644
--- a/src/modules/instance.js
+++ b/src/modules/instance.js
@@ -108,7 +108,7 @@ const defaultState = {
   palette: null,
   style: null,
   emojiReactionsScale: 0.5,
-  textSize: '14px',
+  textSize: '1rem',
   emojiSize: '2.2rem',
   navbarSize: '3.5rem',
   panelHeaderSize: '3.2rem',

From 028556f8ab7f88ef0d0894593a11f8b449c1812b Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 15 Aug 2025 09:48:28 +0300
Subject: [PATCH 3/5] remove icons from "show more" since we show attachments
 anyway

---
 src/components/status_body/status_body.vue | 26 ----------------------
 1 file changed, 26 deletions(-)

diff --git a/src/components/status_body/status_body.vue b/src/components/status_body/status_body.vue
index 1035d04c6..1291533c9 100644
--- a/src/components/status_body/status_body.vue
+++ b/src/components/status_body/status_body.vue
@@ -57,32 +57,6 @@
             @click.prevent="toggleShowMore"
           >
             {{ toggleText }}
-            <template v-if="!showingMore">
-              <FAIcon
-                v-if="attachmentTypes.includes('image')"
-                icon="image"
-              />
-              <FAIcon
-                v-if="attachmentTypes.includes('video')"
-                icon="video"
-              />
-              <FAIcon
-                v-if="attachmentTypes.includes('audio')"
-                icon="music"
-              />
-              <FAIcon
-                v-if="attachmentTypes.includes('unknown')"
-                icon="file"
-              />
-              <FAIcon
-                v-if="status.poll && status.poll.options"
-                icon="poll-h"
-              />
-              <FAIcon
-                v-if="status.card"
-                icon="link"
-              />
-            </template>
           </button>
         </div>
       </div>

From 16ada7ec6c18c7fdeb4fe1d5598a27120da560da Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 15 Aug 2025 09:49:28 +0300
Subject: [PATCH 4/5] add padding to compact status' poll icon

---
 src/components/status_content/status_content.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/status_content/status_content.vue b/src/components/status_content/status_content.vue
index fb08186b4..bab4f70a5 100644
--- a/src/components/status_content/status_content.vue
+++ b/src/components/status_content/status_content.vue
@@ -24,7 +24,7 @@
         />
       </div>
 
-      <div v-else-if="status.poll && status.poll.options && compact">
+      <div class="poll-icon" v-else-if="status.poll && status.poll.options && compact">
         <FAIcon
           icon="poll-h"
           size="2x"
@@ -63,5 +63,9 @@
 .StatusContent {
   flex: 1;
   min-width: 0;
+
+  .poll-icon {
+    margin: 0.5em;
+  }
 }
 </style>

From 7b2f3b648ad0e2377ea352a900663490a7738030 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 15 Aug 2025 10:03:34 +0300
Subject: [PATCH 5/5] improve visibilty of attachment buttons

---
 src/App.scss                   |  4 ++++
 src/components/button.style.js | 20 ++++++++++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/src/App.scss b/src/App.scss
index 01f24d0ca..00a8e9547 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -382,6 +382,10 @@ nav {
   font-family: sans-serif;
   font-family: var(--font);
 
+  &.-transparent {
+    backdrop-filter: blur(0.125em) contrast(60%);
+  }
+
   &::-moz-focus-inner {
     border: none;
   }
diff --git a/src/components/button.style.js b/src/components/button.style.js
index ecbf54d9e..c32a232f4 100644
--- a/src/components/button.style.js
+++ b/src/components/button.style.js
@@ -64,6 +64,26 @@ export default {
         opacity: 0.5
       }
     },
+    {
+      component: 'Text',
+      parent: {
+        component: 'Button',
+        variant: 'transparent'
+      },
+      directives: {
+        textColor: '--text'
+      }
+    },
+    {
+      component: 'Icon',
+      parent: {
+        component: 'Button',
+        variant: 'transparent'
+      },
+      directives: {
+        textColor: '--text'
+      }
+    },
     {
       state: ['hover'],
       directives: {