Added sort button

src/componets/AddItem.js

@@ -79,7 +79,8 @@ const AddItem = ({onExit, reFetch, tags}) => {
   return (
     <>
       <div className='add-overlay' onClick={abort}></div>
-      <div className='box'>
+      <fieldset className='box'>
+        <legend >New Bookmark</legend>
         <div className='AddItem-content'>
           <h3>Name:</h3>
           <input onChange={SetName} className="AddItem-input" type="search" placeholder="e.g. Example Tutorial"/>
@@ -89,7 +90,7 @@ const AddItem = ({onExit, reFetch, tags}) => {
           <TagSelection setTags={SetTags} tags={tags} />
           <button onClick={submitBookmark} className="upload-btn">Upload &#xf093;</button>
         </div>
-      </div>
+      </fieldset>
     </>
   )
 }

src/componets/Filters.js

@@ -8,13 +8,14 @@ const Filters = ({nameChecked, handleNameCheckbox, descriptionChecked, handleDes
     }
 
   return (
-    <>
+    <>  
         <div className='filter-overlay' onClick={abort}></div>
-        <div className='filter'>
+        <fieldset className='filter'>
+            <legend >Filter Results</legend>
             <label><input type="checkbox" checked={nameChecked} onChange={handleNameCheckbox} />Name</label>
-            <label><input type="checkbox" checked={descriptionChecked} onChange={handleDescriptionCheckbox} />Title/Description</label>
+            <label><input type="checkbox" checked={descriptionChecked} onChange={handleDescriptionCheckbox} />Title</label>
             <label><input type="checkbox" checked={tagsChecked} onChange={handleTagsCheckbox} />Tags</label>
-        </div>
+        </fieldset>
     </>
   )
 }

src/componets/Sort.js

@@ -0,0 +1,24 @@
+import '../styles/Sort.css'
+
+const Sort = ({ onExit }) => {
+    function abort(e) {
+        if (e.target.className === "sort-overlay") {
+            onExit();
+        }
+    }
+
+  return (
+    <>
+        <div className='sort-overlay' onClick={abort}></div>
+        <fieldset className='sort'>
+            <legend>Sort List</legend>
+            <label><input name="sort" type="radio" />Date</label>
+            <label><input name="sort" type="radio" />Name</label>
+            <label><input name="sort" type="radio" />Title</label>
+            <label><input name="sort" type="radio" />Tags</label>
+        </fieldset>
+    </>
+  )
+}
+
+export default Sort