From dada207cdfef346e5437f67cae7312c742898ddc Mon Sep 17 00:00:00 2001
From: Daniel <daniel31x13@gmail.com>
Date: Thu, 26 May 2022 21:28:55 +0430
Subject: [PATCH] UI Improvements

---
 src/App.js          |  1 +
 src/styles/List.css | 15 ++++++++-------
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/App.js b/src/App.js
index 40e5840..128e44d 100644
--- a/src/App.js
+++ b/src/App.js
@@ -39,6 +39,7 @@ function App() {
         <input className="search" type="search" placeholder="&#xf002; Search for Name / Title / Tag" onChange={search}/>
         <button className="add-btn" onClick={() => setIsAdding(true)}>&#xf067;</button>
       </div>
+      <p>hi</p>
       <List data={filteredData} reFetch={fetchData} />
       {isAdding ? <AddModal onExit={exitAdding} reFetch={fetchData} /> : null}
     </div>
diff --git a/src/styles/List.css b/src/styles/List.css
index c5f346a..665441b 100644
--- a/src/styles/List.css
+++ b/src/styles/List.css
@@ -6,11 +6,11 @@
 }
 
 .list img {
+  position: absolute;
+  filter: blur(3px);
   margin: 20px;
-  width: 50px;
-  height: 50px;
-  border-radius: 10px;
-  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
+  width: 100px;
+  height: 100px;
 }
 
 .img-content-grp {
@@ -29,6 +29,9 @@
 }
 
 .list-entity-content {
+  text-shadow: 1px 1px 2px black;
+  z-index: 1;
+  margin-left: 50px;
   padding: 20px;
   justify-content: space-between;
   display: flex;
@@ -59,9 +62,6 @@
 
 .delete:hover {
   background-color: rgb(255, 123, 123);
-}
-
-.delete:active {
   box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
 }
 
@@ -76,6 +76,7 @@
   width: fit-content;
   padding: 10px;
   font-size: 1rem;
+  border-radius: 5px;
 }
 
 .num {