Note panel options menu with archived

app/assets/stylesheets/app/_menus.scss

@@ -25,6 +25,25 @@ ul.section-menu-bar {
     font-weight: bold;
     user-select: none;
 
+    &.full-width {
+      width: 100%;
+    }
+
+    &.item-with-subtitle {
+      label {
+        // float: left;
+        margin-right: 8px;
+      }
+
+      .subtitle {
+        margin-top: 1px;
+        opacity: 0.5;
+        font-weight: normal;
+        font-size: 12px;
+      }
+    }
+
+
     &.selected {
       background-color: $blue-color;
       border-radius: 1px;

app/assets/stylesheets/app/_notes.scss

@@ -6,7 +6,7 @@
   max-width: 350px;
   min-width: 170px;
 
-  $notes-title-bar-height: 130px;
+  $notes-title-bar-height: 147px;
 
   #notes-title-bar {
     color: rgba(black, 0.40);
@@ -26,11 +26,11 @@
     right: 14px;
   }
 
-  #tag-menu-bar {
+  #notes-menu-bar {
     position: relative;
     margin: 0 -14px;
     margin-top: 14px;
-    // padding-left: 4px;
+    height: 45px;
     width: auto;
   }