From 6c400f9f31ea9d13e5abf66430f2a8016dd856bd Mon Sep 17 00:00:00 2001
From: sowgro <tpoke.ferrari@gmail.com>
Date: Sun, 20 Oct 2024 20:23:23 -0400
Subject: Improve CSS

---
 extension/src/index.css | 39 ++++++++++++++++++++++++++++-----------
 1 file changed, 28 insertions(+), 11 deletions(-)

(limited to 'extension/src/index.css')

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 {
-- 
cgit v1.2.3