1 files changed, 73 insertions, 7 deletions

diff --git a/design/sass/_notes.scss b/design/sass/_notes.scss
index cd10e39..caec25b 100644
--- a/design/sass/_notes.scss
+++ b/design/sass/_notes.scss
@@ -46,6 +46,10 @@ main {
     order: 3;
     min-width: 320px;
 }
+.balance-container-left {
+    order: 1;
+    min-width: 320px;
+}
 .list-notebook {
 
 }
@@ -62,32 +66,53 @@ main {
     list-style-type: none;
     li {
         @include fontsize(13);
+        padding: 8px 0 12px;
         min-height: 4.5rem;
         box-shadow: 0 -1px 0 #e7e2ee inset;
         margin: 0;
         padding: 6px 12px;
         &:hover {
-            background: #f1f1f1;
+            background: #f7f7f7;
         }
         a {
-            color: lighten($body_font_color, 15);
+            color: lighten($body_font_color, 5);
             text-decoration: none;
         }
     }
     h4 {
         @include fontsize(16);
         margin: 0;
-        padding: 8px 0 8px 6px;
+        padding-bottom: 8px;
         font-weight: normal;
         overflow: hidden;
         white-space: nowrap;
+        color: $body_font_color;
+    }
+    .notebook {
+        padding-right: 8px;
+        &:after {
+            display: inline-block;
+            position: relative;
+            top: 3px;
+            left: 3px;
+            content: " ";
+            height: 14px;
+            width: 1px;
+            background-color: $body_font_light;
+        }
     }
     .note-preview {
-        padding-left: 6px;
         margin-bottom: 16px;
         margin-right: 6px;
     }
 }
+
+.color-box {
+    display: inline-block;
+    width: 9px;
+    height: 9px;
+    margin-right: 4px;
+}
 .note-title {
     @include fontsize(26);
 }
@@ -104,6 +129,7 @@ main {
     @include fancy-sans;
     @include fontsize(12);
     margin-bottom: 0;
+    margin-top: 0;
     text-transform: uppercase;
 }
 .note-url {
@@ -122,8 +148,6 @@ main {
     float: left;
     width: 50%;
     .label {
-        text-transform: uppercase;
-        @include fontsize(11);
         color: $body_font_light;
         margin-right: 4px;
     }
@@ -143,6 +167,17 @@ main {
             color: darken($body_font_light, 25);
         }
     }
+    .notebook {
+        width: auto; 
+        display: inline;
+        margin-right: 1rem;
+    }
+    .tags {
+        display: flex;
+        input {
+            width: 200%;
+        }
+    }
 }
 .notebook {
     display: block;
@@ -183,7 +218,38 @@ main {
 .active {
     display: block !important;
 }
-
+.notebook-colored {
+    border-left: 3px solid #fff;
+}
+.notebook-title {
+    @include fontsize(24);
+    @include fancy-sans;
+}
+.flex-wrapper {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    @extend %clearfix;
+}
+#nb-edit-form {
+    width: 100%;
+}
+.color-picker-fieldset {
+    display: block;
+    margin-right: .5rem;
+    width: 20px;
+    height: 20px;
+    border-radius: 4px;
+    border: 1px solid $body_font_light;
+    #id_color_rgb {
+        display: block;
+        text-indent: -1000em;
+        padding: 0;
+        border: none;
+        background: transparent;
+        cursor: pointer;
+    }
+}
 /*
 
 Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <sourdrums@gmail.com>