Use CSS-based mobile detection

index.html

@@ -437,7 +437,7 @@ npm run build-electron-{windows, darwin, linux}</pre>
                   </div>
                 </form>
               </li>
-              <li ng-if="isMobileUi()">
+              <li class="mobile">
                 <form class="form-inline" role="form">
                   <div class="checkbox">
                     <label>
@@ -447,7 +447,7 @@ npm run build-electron-{windows, darwin, linux}</pre>
                   </div>
                 </form>
               </li>
-              <li ng-if="!isMobileUi()">
+              <li class="desktop">
                 <form class="form-inline" role="form">
                   <div class="checkbox">
                     <label>

js/glowingbear.js

@@ -121,9 +121,6 @@ weechat.controller('WeechatCtrl', ['$rootScope', '$scope', '$store', '$timeout',
         }
     };
 
-    // expose
-    $rootScope.isMobileUi = function() { return utils.isMobileUi(); };
-
     if (typeof $scope.documentVisibilityChange !== "undefined") {
         document.addEventListener($scope.documentVisibilityChange, function() {
             if (!document[$scope.documentHidden]) {