Collapse sidebar with css selector

Fixes #152

css/glowingbear.css

@@ -267,7 +267,7 @@ input[type=text], input[type=password], .badge {
     #sidebar {
         font-size: normal;
         z-index: 1;
-        width: 60%;
+        width: 0;
     }
     #sidebar.in, #sidebar.collapsing {
         -webkit-box-shadow: 0px 0px 120px #000;

js/glowingbear.js

@@ -603,11 +603,6 @@ weechat.controller('WeechatCtrl', ['$rootScope', '$scope', '$store', '$timeout',
     $rootScope.predicate = $scope.orderbyserver ? 'serverSortKey' : 'number';
 
     $scope.setActiveBuffer = function(bufferId, key) {
-        // If we are on mobile we need to collapse the menu on sidebar clicks
-        // We use 968 px as the cutoff, which should match the value in glowingbear.css
-        if (document.body.clientWidth < 968) {
-            document.querySelector('#sidebar').collapse();
-        }
         return models.setActiveBuffer(bufferId, key);
     };