StyleKit classes wip

app/assets/templates/directives/session-history-menu.html.haml

@@ -1,23 +1,23 @@
 .sn-component#session-history-menu
-  .menu-panel.dropdown-menu
-    .header
-      .column
-        %h4.title {{history.entries.length || 'No'}} revisions
-      %h4{"ng-click" => "showOptions = !showOptions; $event.stopPropagation();"}
-        %a Options
+  .sk-menu-panel.dropdown-menu
+    .sk-menu-panel-header
+      .sk-menu-panel-column
+        .sk-menu-panel-header-title {{history.entries.length || 'No'}} revisions
+      .sk-menu-panel-column{"ng-click" => "showOptions = !showOptions; $event.stopPropagation();"}
+        %a.sk-a.info.sk-menu-panel-header-title Options
 
     %div{"ng-if" => "showOptions"}
       %menu-row{"label" => "'Clear note local history'", "action" => "clearItemHistory()"}
       %menu-row{"label" => "'Clear all local history'", "action" => "clearAllHistory()"}
       %menu-row{"label" => "(autoOptimize ? 'Disable' : 'Enable') + ' auto cleanup'", "action" => "toggleAutoOptimize()"}
-        .sublabel
+        .sk-sublabel
           Automatically cleans up small revisions to conserve space.
       %menu-row{"label" => "(diskEnabled ? 'Disable' : 'Enable') + ' saving history to disk'", "action" => "toggleDiskSaving()"}
-        .sublabel
+        .sk-sublabel
           Saving to disk may increase app loading time and memory footprint.
 
     %menu-row{"ng-repeat" => "revision in entries",
       "action" => "openRevision(revision);",
       "label" => "revision.previewTitle()"}
-      .sublabel.opaque{"ng-class" => "classForRevision(revision)"}
+      .sk-sublabel.opaque{"ng-class" => "classForRevision(revision)"}
         {{revision.previewSubTitle()}}