From bb3dc240ad6446fa8c7f8c00c876b8b1d4ae89cd Mon Sep 17 00:00:00 2001
From: Daniel <daniel31x13@gmail.com>
Date: Tue, 7 Jun 2022 19:22:49 +0430
Subject: [PATCH] Minor UI improvement.

---
 src/App.js           | 2 +-
 src/styles/App.css   | 2 +-
 src/styles/index.css | 8 ++++++++
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/App.js b/src/App.js
index c4c7fdb..9ae2f1c 100644
--- a/src/App.js
+++ b/src/App.js
@@ -109,7 +109,7 @@ function App() {
       <div className="head">
         <input className="search" type="search" placeholder="&#xf002; Search" onChange={search}/>
         <button className="add-btn btn" onClick={() => setNewBox(true)}>&#xf067;</button>
-        <button className="dark-light-btn btn" onClick={() => setLightMode(!lightMode)}>&#xf042;</button>
+        <button className="dark-light-btn btn" onClick={() => setLightMode(!lightMode)}></button>
       </div>
 
       <p className="results">{numberOfResults > 0 ? numberOfResults + ' Bookmarks found' : null}</p>
diff --git a/src/styles/App.css b/src/styles/App.css
index 61d0214..5e53bf6 100644
--- a/src/styles/App.css
+++ b/src/styles/App.css
@@ -81,5 +81,5 @@ textarea:focus, input:focus{
 
 .dark-light-btn {
   margin-left: 10px;
-  font-size: 1.3em;
+  font-size: 1.2em;
 }
\ No newline at end of file
diff --git a/src/styles/index.css b/src/styles/index.css
index 2180aec..e446494 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -19,6 +19,10 @@ body {
 
 /* Dark Mode settings (Default) */
 
+.dark-light-btn::before {
+  content: '';
+}
+
 .delete {
   background-color: #1f2c38;
   color: #ffffffb6;
@@ -84,6 +88,10 @@ body {
 
 /* Light Mode settings */
 
+.light .dark-light-btn::before {
+  content: '';
+}
+
 .light {
   text-shadow: 0px 1px 2px #ffffff;
   background-color:rgb(233, 220, 179);