css

app/assets/stylesheets/app/_common.scss

@@ -74,9 +74,43 @@
 }
 
 
+.section-menu {
+  padding-top: 0px;
+  width: 100%;
+  position: absolute;
+  padding-left: inherit;
+  padding-right: inherit;
+  left: 0;
+  right: 0;
+  bottom: 0px;
+  background-color: #f1f1f1;
+  color: $selected-text-color;
+  // padding-top: 5px;
+  height: 28px;
+  cursor: default;
+
+  ol, ul {
+      margin-top: 7px;
+      margin-bottom: 10px;
+  }
+
+  ul {
+    li {
+      text-align: left;
+      a {
+        font-size: 13px;
+        font-weight: bold;
+        padding: 0 0;
+      }
+    }
+  }
+}
+
+
+
 .menu-right-container {
   float: right;
-  margin-top: 3px;
+  margin-top: -2px;
   color: white;
   white-space: nowrap;
   width: 70%;

app/assets/stylesheets/app/_editor.scss

@@ -114,7 +114,6 @@
 }
 
 .markdown {
-  margin-top: 6px;
   margin-left: 15px;
   float: right;
   text-align: right;
@@ -129,33 +128,6 @@
   z-index: 100;
 }
 
-.editor-menu {
-  padding-top: 0px;
-  width: 100%;
-  position: absolute;
-  padding-left: inherit;
-  padding-right: inherit;
-  left: 0;
-  right: 0;
-  bottom: 0px;
-  background-color: #f1f1f1;
-  color: $selected-text-color;
-  padding-top: 5px;
-  height: 28px;
-  cursor: default;
-
-  ul {
-    li {
-      text-align: left;
-      a {
-        font-size: 13px;
-        font-weight: bold;
-        padding: 0 0;
-      }
-    }
-  }
-}
-
 
 ol {
     list-style-type: decimal;
@@ -183,10 +155,6 @@ ol {
     margin-bottom: 0;
     list-style: none;
 }
-ol, ul {
-    margin-top: 0;
-    margin-bottom: 10px;
-}
 
 .nav-pills>li {
     float: left;

app/assets/stylesheets/app/_notes.scss

@@ -15,6 +15,7 @@
     position: relative;
     margin: 0 -20px;
     width: auto;
+    padding-top: 1px;
     margin-top: 14px;
   }
 

app/assets/templates/frontend/editor.html.haml

@@ -6,7 +6,7 @@
                   "ng-disabled" => "ctrl.note.locked", "ng-change" => "ctrl.nameChanged()", "ng-focus" => "ctrl.onNameFocus()",
                   "select-on-click" => "true"}
       .save-status {{ctrl.noteStatus}}
-      .editor-menu
+      .section-menu
         %ul.nav.nav-pills
           %li.dropdown
             %a.dropdown-toggle{"ng-click" => "ctrl.clickedMenu()"}

app/assets/templates/frontend/notes.html.haml

@@ -6,7 +6,7 @@
       %br
       .filter-section
         %input.filter-bar{"select-on-click" => "true", "ng-model" => "ctrl.noteFilter.text", "placeholder" => "Filter", "ng-change" => "ctrl.filterTextChanged()", "lowercase" => "true"}
-      .editor-menu.tag-menu-bar
+      .section-menu.tag-menu-bar
         %ul.nav.nav-pills
           %li.dropdown
             %a.dropdown-toggle{"ng-click" => "ctrl.showMenu = !ctrl.showMenu"}