purecss: update to use more recent css/js files

3 files changed, 15 insertions, 3 deletions

diff --git a/static/css/side-menu-old-ie.css b/static/css/side-menu-old-ie.css
index 0b0e738..5cfc146 100644
--- a/static/css/side-menu-old-ie.css
+++ b/static/css/side-menu-old-ie.css
@@ -27,6 +27,7 @@ This is the parent `<div>` that contains the menu and the content area.
 
 #layout {
     position: relative;
+    left: 0;
     padding-left: 0;
 }
 
diff --git a/static/css/side-menu.css b/static/css/side-menu.css
index b5ce7ae..7abd61c 100644
--- a/static/css/side-menu.css
+++ b/static/css/side-menu.css
@@ -25,6 +25,7 @@ This is the parent `<div>` that contains the menu and the content area.
 */
 #layout {
     position: relative;
+    left: 0;
     padding-left: 0;
 }
     #layout.active #menu {
@@ -245,4 +246,3 @@ Hides the menu at `48em`, but modify this based on your app's needs.
         left: 150px;
     }
 }
-
diff --git a/static/js/ui.js b/static/js/ui.js
index acc38a0..6d7c20b 100644
--- a/static/js/ui.js
+++ b/static/js/ui.js
@@ -2,7 +2,8 @@
 
     var layout   = document.getElementById('layout'),
         menu     = document.getElementById('menu'),
-        menuLink = document.getElementById('menuLink');
+        menuLink = document.getElementById('menuLink'),
+        content  = document.getElementById('main');
 
     function toggleClass(element, className) {
         var classes = element.className.split(/\s+/),
@@ -23,13 +24,23 @@
         element.className = classes.join(' ');
     }
 
-    menuLink.onclick = function (e) {
+    function toggleAll(e) {
         var active = 'active';
 
         e.preventDefault();
         toggleClass(layout, active);
         toggleClass(menu, active);
         toggleClass(menuLink, active);
+    }
+
+    menuLink.onclick = function (e) {
+        toggleAll(e);
+    };
+
+    content.onclick = function(e) {
+        if (menu.className.indexOf('active') !== -1) {
+            toggleAll(e);
+        }
     };
 
 }(this, this.document));