improved dropdown nav for cell phones

script/views/topNavBar.js

@@ -52,7 +52,7 @@ define(['m', '_', 'util'], function (m, _, util) {
     topNavBar._getSmallItem = function(item){
         var class_ = topNavBar._isActive(item.path) ? 'uk-active' : '';
         var url = topNavBar._getUrlForId(item.path);
-        return  m("li", {class: class_},
+        return  m("li.uk-align-left", {class: class_},
                     topNavBar._getItemIcon(item), ' ',
                     m("a", {href: url},
                         item.name
@@ -75,8 +75,8 @@ define(['m', '_', 'util'], function (m, _, util) {
     };
 
     topNavBar.dropdown = function(){
-        return  m('div.uk-dropdown.uk-dropdown-navbar.uk-dropdown-bottom',
-                    m('ul.uk-nav.uk-nav-navbar'),
+        return  m('div.uk-dropdown',
+                    m('ul.uk-nav.uk-nav-navbar.uk-dropdown-navbar'),
                         _.map(topNavBar._urlMapping, topNavBar._getSmallItem)
                 );
     };
@@ -107,7 +107,7 @@ define(['m', '_', 'util'], function (m, _, util) {
         var attrs = {class: class_, onclick:  topNavBar.toggleDropdown(model)};
         var ret = [
             m('li.uk-parent', util.facebookLink()),
-            m('li.uk-parent', attrs, m('a', m('i.fa.fa-bars')), topNavBar.dropdown()),
+            m('li.uk-parent[data-uk-dropdown][aria-expanded]', attrs, m('a', m('i.fa.fa-bars'), ' Menu'), topNavBar.dropdown()),
         ];
         if(model.openDropdown){
             ret.push(topNavBar.clickElsewhere(model));