Merge pull request #177 from lorenzhs/mobile

Further improve mobile layout

css/glowingbear.css

@@ -172,7 +172,8 @@ input[type=text], input[type=password], .badge {
     height: 100%;
     overflow-y: auto;
     overflow-x: hidden;
-    margin-top: 35px; /* topbar */
+    padding-top: 35px; /* topbar */
+    padding-bottom: 1px; /* need to force a padding here */
     font-size: smaller;
     -webkit-transition:0.35s ease all;
     transition:0.35s ease all;
@@ -345,8 +346,10 @@ table.notimestamp td.time {
         font-size: normal;
         z-index: 1;
         bottom: 0px;
-        width: 60%;
+        width: auto;
+        max-width: 60%;
         top: 0px;
+        padding-bottom: 35px;
     }
 
     #sidebar.in, #sidebar.collapsing {

js/glowingbear.js

@@ -670,8 +670,10 @@ weechat.controller('WeechatCtrl', ['$rootScope', '$scope', '$store', '$timeout',
     }
 
     // Open and close panels while on mobile devices through swiping
-    $scope.swipeSidebar = function() { 
-        $scope.showSidebar = !$scope.showSidebar;
+    $scope.swipeSidebar = function() {
+        if (document.body.clientWidth < mobile_cutoff) {
+            $scope.showSidebar = !$scope.showSidebar;
+        }
     };
     
     $scope.openNick = function() {