aboutsummaryrefslogtreecommitdiff
path: root/extension/src/index.css
diff options
context:
space:
mode:
Diffstat (limited to 'extension/src/index.css')
-rw-r--r--extension/src/index.css39
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 {