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() {
-
{numberOfResults > 0 ? numberOfResults + ' Bookmarks' : 'No bookmarks.'}
+ {numberOfResults > 0 ? numberOfResults + ' Bookmarks found' : 'No bookmarks found.'}
{isFiltering ? ({
...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 {