From 5bb01b6cc833c3e3609a0992d2512137748c8e89 Mon Sep 17 00:00:00 2001
From: sameerasw <sameera.whoami@gmail.com>
Date: Wed, 5 Mar 2025 18:40:55 +0530
Subject: feature complete for #4 - forced theems for unthemed websites.

---
 popup/popup.html | 32 +++++++++++++++++++++++---------
 1 file changed, 23 insertions(+), 9 deletions(-)

(limited to 'popup/popup.html')

diff --git a/popup/popup.html b/popup/popup.html
index 4848306..c07e5fa 100644
--- a/popup/popup.html
+++ b/popup/popup.html
@@ -20,7 +20,7 @@
     </header>
 
     <main class="app-content">
-      <div class="toggle-container">
+      <div class="toggle-container features-container">
         <label class="toggle-switch">
           <input type="checkbox" id="enable-styling">
           <span class="slider round"></span>
@@ -32,7 +32,12 @@
       <div id="current-site-features" class="features-container">
         <h2 class="section-title">Current Site Features</h2>
         <div id="current-site-toggles" class="features-list"></div>
-        <p>Disabling a feature may require a reload</p>
+        <div class="actions">
+          <!-- reload botton -->
+          <button id="reload" class="action-button secondary">
+            Reload to apply <i class="fas fa-sync-alt"></i>
+          </button>
+        </div>
       </div>
 
       <!-- All Websites Section (Collapsible) -->
@@ -57,14 +62,23 @@
         </label>
         <span class="toggle-label">Auto Update Styles</span>
       </div>
-      <div class="toggle-container">
-        <label class="toggle-switch">
-          <input type="checkbox" id="force-styling">
-          <span class="slider round"></span>
-        </label>
-        <span class="toggle-label">Force Styling</span>
-      </div>
       <div id="last-fetched-time" class="last-fetched-time"></div>
+      <div class="forcing-container">
+        <div class="toggle-container">
+          <label class="toggle-switch">
+            <input type="checkbox" id="force-styling">
+            <span class="slider round"></span>
+          </label>
+          <span class="toggle-label">Force Styling</span>
+        </div>
+        <div class="toggle-container">
+          <label class="toggle-switch">
+            <input type="checkbox" id="skip-force-theming">
+            <span class="slider round"></span>
+          </label>
+          <span class="toggle-label">Skip Forcing for this Site</span>
+        </div>
+      </div>
 
     </main>
 
-- 
cgit v1.2.3