From 9343023adb86d6615ca1d9b66d0bb4c763b8173c Mon Sep 17 00:00:00 2001
From: Natsumi <cmcooper123@hotmail.com>
Date: Tue, 2 Dec 2025 15:00:19 +1300
Subject: [PATCH] Fix notification opacity slider visibility

---
 .../components/Tabs/NotificationsTab.vue      | 58 +++++++++----------
 1 file changed, 29 insertions(+), 29 deletions(-)

diff --git a/src/views/Settings/components/Tabs/NotificationsTab.vue b/src/views/Settings/components/Tabs/NotificationsTab.vue
index a11b3789..47f1dd44 100644
--- a/src/views/Settings/components/Tabs/NotificationsTab.vue
+++ b/src/views/Settings/components/Tabs/NotificationsTab.vue
@@ -72,36 +72,36 @@
                         }}</el-button
                     >
                 </div>
-                <div class="options-container-item">
-                    <span class="name" style="vertical-align: top; padding-top: 10px">{{
-                        t('view.settings.notifications.notifications.steamvr_notifications.notification_opacity')
-                    }}</span>
-                    <el-slider
-                        :model-value="notificationOpacity"
-                        @input="setNotificationOpacity"
-                        :min="0"
-                        :max="100"
-                        style="display: inline-block; width: 300px; padding-top: 16px" />
-                </div>
-                <div class="options-container-item">
-                    <el-button
-                        size="small"
-                        :icon="Timer"
-                        :disabled="(!overlayNotifications || !openVR) && !xsNotifications"
-                        @click="promptNotificationTimeout"
-                        >{{
-                            t('view.settings.notifications.notifications.steamvr_notifications.notification_timeout')
-                        }}</el-button
-                    >
-                </div>
-                <simple-switch
-                    :label="t('view.settings.notifications.notifications.steamvr_notifications.user_images')"
-                    :value="imageNotifications"
-                    @change="
-                        setImageNotifications();
-                        saveOpenVROption();
-                    " />
             </template>
+            <div class="options-container-item">
+                <span class="name" style="vertical-align: top; padding-top: 10px">{{
+                    t('view.settings.notifications.notifications.steamvr_notifications.notification_opacity')
+                }}</span>
+                <el-slider
+                    :model-value="notificationOpacity"
+                    @input="setNotificationOpacity"
+                    :min="0"
+                    :max="100"
+                    style="display: inline-block; width: 300px; padding-top: 16px" />
+            </div>
+            <div class="options-container-item">
+                <el-button
+                    size="small"
+                    :icon="Timer"
+                    :disabled="(!overlayNotifications || !openVR) && !xsNotifications"
+                    @click="promptNotificationTimeout"
+                    >{{
+                        t('view.settings.notifications.notifications.steamvr_notifications.notification_timeout')
+                    }}</el-button
+                >
+            </div>
+            <simple-switch
+                :label="t('view.settings.notifications.notifications.steamvr_notifications.user_images')"
+                :value="imageNotifications"
+                @change="
+                    setImageNotifications();
+                    saveOpenVROption();
+                " />
             <template v-if="!isLinux">
                 <simple-switch
                     :label="