diff --git a/src/index.html b/src/index.html
index 3807fdb..04e7bee 100644
--- a/src/index.html
+++ b/src/index.html
@@ -19,6 +19,7 @@
padding: 0;
background: rgba(0, 0, 0, 0.5);
background: #444;
+ color: rgba(255,255,255,0.9);
min-height: 100vh;
font-family: Helvetica, arial;
}
@@ -46,11 +47,14 @@
top: 5px;
margin-left: 7px;
}
+ input[type="text"] {
+ padding: 3px 5px;
+ font-size: inherit;
+ }
.btn {
display: inline-block;
border: 0;
background: #0074d9;
- /*border: 1px solid #aaa;*/
color: white;
font-size: inherit;
border-radius: 3px;
@@ -144,6 +148,7 @@
z-index: 1;
background: white;
}
+ .main-header,
.footer {
padding: 5px 10px;
background-color: #111;
@@ -151,6 +156,10 @@
border-top: 1px solid rgba(255,255,255,0.14);
line-height: 20px;
}
+ .main-header {
+ border: 0;
+ border-bottom: 1px solid rgba(255,255,255,0.14);
+ }
.logo {
display: inline-block;
height: 25px;
@@ -211,6 +220,12 @@
.gutter-vertical {
cursor: ns-resize;
}
+ .item-title-input {
+ background: none;
+ border: 0;
+ color: rgba(255,255,255,0.8);
+ width: calc(100vw - 400px);
+ }
.modal {
position: fixed;
top: 5vh;
@@ -257,6 +272,21 @@
opacity: 1;
visibility: visible;
}
+ .saved-items-pane {
+ position: fixed;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ width: 400px;
+ z-index: 3;
+ background-color: #111;
+ transition: 0.3s ease;
+ will-change: transform;
+ transform: translateX(100%);
+ }
+ .saved-items-pane.is-open {
+ transform: translateX(0);
+ }
.notifications-btn {
position: relative;
}
@@ -359,6 +389,21 @@
+
+
+