Added loader + Improvements.

src/styles/AddItem.css

@@ -17,11 +17,10 @@
     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;
-    top: 63px;
-    right: 20px;
+    top: 15%;
+    left: 20%;
+    right: 20%;
     background-color: #1f2c38;
-    width: 50%;
-    max-width: 500px;
     overflow-x: hidden;
     overflow-y: auto;
 }

src/styles/App.css

@@ -59,3 +59,12 @@ textarea:focus, input:focus{
   margin: 20px 20px 0px 30px;
   display: inline-block;
 }
+
+.no-results {
+  text-align: center;
+  padding-top: 5%;
+  padding-bottom: 5%;
+  background-color:#273949;
+  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
+  margin: 20px;
+}

src/styles/Filters.css

@@ -20,10 +20,10 @@
     box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
     background-color: #273949;
     padding: 5px;
-    top: 120px;
-    left: 195px;
+    top: 15%;
+    left: 30%;
+    right: 30%;
     position: absolute;
-    margin-top: 4px;
     -moz-user-select: none;
     -webkit-user-select: none;
     user-select: none;

src/styles/Loader.css

@@ -0,0 +1,7 @@
+.loader {
+    position: absolute;
+    bottom: 100px;
+    left: 30%;
+    right: 30%;
+    text-align: center;
+}

src/styles/Sort.css

@@ -20,10 +20,10 @@
     box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
     background-color: #273949;
     padding: 5px;
-    top: 120px;
-    left: 250px;
+    top: 15%;
+    left: 25%;
+    right: 25%;
     position: absolute;
-    margin-top: 4px;
     -moz-user-select: none;
     -webkit-user-select: none;
     user-select: none;

src/styles/index.css

@@ -9,5 +9,5 @@ body {
 }
 
 *::selection {
-  background-color: rgba(101, 142, 255, 0.335);
+  background-color: rgba(255, 255, 0, 0.25);
 }