From f6895f329a746f0f6b94f2d9e1f3ee06354fbb30 Mon Sep 17 00:00:00 2001
From: Kalista Payne <sabrecat@gmail.com>
Date: Thu, 2 Jan 2025 15:18:25 -0600
Subject: [PATCH] fix(privacy): clean up a couple of styles

---
 .../client/src/components/header/banners/privacy.vue   |  9 ++++++++-
 website/client/src/components/ui/toggleSwitch.vue      | 10 +++++++---
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/website/client/src/components/header/banners/privacy.vue b/website/client/src/components/header/banners/privacy.vue
index f2f82a29761..3cce08ef617 100644
--- a/website/client/src/components/header/banners/privacy.vue
+++ b/website/client/src/components/header/banners/privacy.vue
@@ -5,7 +5,10 @@
       v-html="$t('privacyOverview') + ' ' + $t('learnMorePrivacy')"
     >
     </p>
-    <div class="navigation d-flex flex-column justify-content-around text-center ml-2">
+    <div
+      class="navigation d-flex flex-column justify-content-around text-center ml-2"
+      :class="{ static: isStaticPage }"
+    >
       <button class="btn btn-primary mb-2">
         {{ $t('acceptAllCookies') }}
       </button>
@@ -49,6 +52,10 @@
         width: calc(100vw - 48px);
       }
 
+      .static button {
+        width: calc(100vw - 96px);
+      }
+
       p {
         margin-bottom: 16px !important;
       }
diff --git a/website/client/src/components/ui/toggleSwitch.vue b/website/client/src/components/ui/toggleSwitch.vue
index 53321347239..6ee9ad31a29 100644
--- a/website/client/src/components/ui/toggleSwitch.vue
+++ b/website/client/src/components/ui/toggleSwitch.vue
@@ -31,10 +31,10 @@
         <label
           class="toggle-switch-label"
           :for="toggleId"
+          :class="{ disabled }"
         >
           <span
             class="toggle-switch-inner"
-            :class="{ disabled }"
           >
           </span>
           <span
@@ -126,8 +126,12 @@
     text-align: right;
   }
 
-  .toggle-switch-inner.disabled:before, .toggle-switch-inner.disabled:after {
-    opacity: 0.5;
+  .disabled {
+    cursor: auto;
+
+    .toggle-switch-inner:before, .toggle-switch-inner:after {
+      opacity: 0.5;
+    }
   }
 
   .toggle-switch-switch {