From 78fe86b91139863e690cf932f04e3bc2b362c27f Mon Sep 17 00:00:00 2001
From: Daniel <daniel31x13@gmail.com>
Date: Mon, 30 May 2022 23:00:32 +0430
Subject: [PATCH] Added border to the dropdowns

---
 src/App.js                    |  2 +-
 src/componets/TagSelection.js |  4 +++-
 src/styles/AddItem.css        |  3 +++
 src/styles/Filters.css        | 10 +++++++---
 4 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/App.js b/src/App.js
index 3f65915..a0ac03e 100644
--- a/src/App.js
+++ b/src/App.js
@@ -95,7 +95,7 @@ function App() {
         <button className="add-btn" onClick={() => setIsAdding(true)}>&#xf067;</button>
       </div>
 
-      <p className="results">{numberOfResults > 0 ? numberOfResults + ' Bookmarks' : 'No bookmarks.'}</p>
+      <p className="results">{numberOfResults > 0 ? numberOfResults + ' Bookmarks found' : 'No bookmarks found.'}</p>
 
       <button className='filter-button' onClick={() => setIsFiltering(true)}>&#xf0b0;</button>
       {isFiltering ? <Filters 
diff --git a/src/componets/TagSelection.js b/src/componets/TagSelection.js
index ff35b57..a9c93c9 100644
--- a/src/componets/TagSelection.js
+++ b/src/componets/TagSelection.js
@@ -20,7 +20,9 @@ const customStyles = {
 
   menu: (provided) => ({
     ...provided,
-    padding: '5px',
+    border: 'solid',
+    borderWidth: '1px',
+    borderColor: 'rgb(80, 80, 80)',
     opacity: '90%',
     color: 'gray',
     background: '#273949',
diff --git a/src/styles/AddItem.css b/src/styles/AddItem.css
index d17f80f..77e47f2 100644
--- a/src/styles/AddItem.css
+++ b/src/styles/AddItem.css
@@ -7,6 +7,9 @@
 }
 
 .box {
+    border: solid;
+    border-width: 1px;
+    border-color: rgb(80, 80, 80);
     box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
     position: absolute;
     z-index: 2;
diff --git a/src/styles/Filters.css b/src/styles/Filters.css
index ca0495b..267097a 100644
--- a/src/styles/Filters.css
+++ b/src/styles/Filters.css
@@ -1,11 +1,15 @@
 .filter {
+    border: solid;
+    border-width: 1px;
+    font-weight: 300;
+    border-color: rgb(80, 80, 80);
     display: flex;
     flex-direction: column;
     box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
     z-index: 2;
     background-color: #273949;
-    padding: 10px;
-    left: 150px;
+    padding: 5px;
+    left: 200px;
     position: absolute;
     margin-top: 4px;
     -moz-user-select: none;
@@ -14,7 +18,7 @@
 }
 
 .filter label {
-    margin: 10px;
+    margin: 5px;
 }
 
 .filter-overlay {