From 9710a94f003a51e0bc81b91346ce109b3933c67c Mon Sep 17 00:00:00 2001
From: PrestonT500 <preston.truong1@outlook.com>
Date: Fri, 20 Sep 2024 13:22:23 -0700
Subject: [PATCH] Clear Local Storage Data Button

---
 css/index.css | 14 ++++++++++++++
 index.html    |  4 +++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/css/index.css b/css/index.css
index a794abd..fe3f725 100644
--- a/css/index.css
+++ b/css/index.css
@@ -62,6 +62,20 @@ button,
     max-width: 200px;
 }
 
+.clr-btn {
+    background-color: #ff3c00;
+    color: white;
+    padding: 10px 20px;
+    font-size: 16px;
+    cursor: pointer;
+    border: none;
+    border-radius: 5px;
+    margin: 10px auto;
+    text-decoration: none;
+    display: inline-block;
+    max-width: 200px;
+}
+
 button:hover {
     background-color: #45a049;
 }
diff --git a/index.html b/index.html
index 7d31669..758f8a5 100644
--- a/index.html
+++ b/index.html
@@ -20,11 +20,13 @@
     <p>These clients might be outdated.</p>
     <p>Questions, Suggestions, bugs, etc? Also announcements about the site. Join the discord server! (Scroll down to the very bottom for the Button to join)</p>
     <p>Scroll down to the bottom for buttons/links.</p>
+
+    <a onclick="localStorage.clear();" class="clr-btn">Reset All Local Data</a>
+
     <h2 class="pick-client">Pick a Client:</h2>
 
     <label for="mobileCheckbox">Mobile Checkbox</label>
     <input type="checkbox" id="mobileCheckbox">
-
     <div class="search-container">
         <input type="text" id="search-bar" placeholder="Search Clients...">
     </div>