fix disabled menu item focus jumping

unfortunately this causes a new issue. the container gets 1px larger i
think due to box model issues. but this is better than before. le sigh...

src/client/styles/app.styl

@@ -45,7 +45,7 @@ body
       list-style none outside none
       margin 2px
       padding 4px
-  
+
   h1
     letter-spacing 0.1em
     margin-top 8px
@@ -138,7 +138,7 @@ body
 
     div.cursor
       text-decoration underline
-  
+
 #lib-filter
   margin 4px
   width 175px
@@ -214,7 +214,7 @@ body
 
   div.selected
     selected-div()
-  
+
   div.current
     border 1px solid #096AC8
     background-color #292929
@@ -251,6 +251,15 @@ body
   width: 240px
   font-size: 1em
 
+#menu-library .ui-state-disabled.ui-state-focus,
+#menu-playlist .ui-state-disabled.ui-state-focus
+  margin: .3em -1px .2em
+
+#menu-library .menu-item-last.ui-state-disabled.ui-state-focus,
+#menu-playlist .menu-item-last.ui-state-disabled.ui-state-focus
+  margin: 5px -1px .2em
+  height: 23px
+
 #shortcuts
   h1
     margin-bottom 10px

src/public/index.html

@@ -356,7 +356,7 @@ <h1>Miscellaneous</h1>
     <li><a href="#" class="queue-next-random">Queue Next in Random Order</a></li>
     <li><a href="#" class="delete">Delete</a></li>
     <li><a href="#" class="download" target="_blank">Download</a></li>
-    <li><a href="#" class="edit-tags">Edit Tags</a></li>
+    <li><a href="#" class="edit-tags menu-item-last">Edit Tags</a></li>
   </ul>
   <script src="vendor/jquery-2.1.0.min.js"></script>
   <script src="vendor/jquery-ui-1.10.4.custom.min.js"></script>