Improve CSS

1 files changed, 28 insertions, 11 deletions

diff --git a/extension/src/index.css b/extension/src/index.css
index ad9f954..301b98f 100644
--- a/extension/src/index.css
+++ b/extension/src/index.css
@@ -1,40 +1,57 @@
 body {
-  background-color: #1e1e1e;
+  background-color: #242424;
   color: white;
+  font-family: sans-serif;
 }
 
+/* Folder */
 .folder {
+  width: 100%;
   display: flex;
   flex-direction: column;
-  border-width: 2px;
   border-style: solid;
-  border-color: black;
+  border-width: 1px;
+  border-color: #393939;
   padding: 2px;
-  margin: 2px;
+  margin: 5px;
   padding: 10px;
 }
 
-
 .folder > div {
   display: flex;
   flex-direction: row;
-  
+  flex-wrap: wrap;
 }
 
-.bookmark > img{
-  padding: 10px;
-  
+.folder > span {
+  font-weight: bold;
+  font-size: 20px;
+  margin: 5px;
 }
 
+/* Bookmark */
 .bookmark {
   display: flex;
   flex-direction: column;
   width: 100px;
-  padding: 20px;
+  padding: 10px;
+  margin: 5px;
+}
+
+.bookmark > img {
+  padding: 15px;
+
+}
+
+.bookmark > span {
+  text-wrap: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  text-align: center;
 }
 
 .bookmark:hover {
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: rgba(0, 0, 0, 0.3);
 }
 
 a {