Completly remove screen share button if not supported

and move the MOH button in its own btn-group

public/js/vroom.js

@@ -439,7 +439,7 @@ function initVroom(room) {
 
   // Screen sharing is only suported on chrome desktop > 26
   if ( !$.browser.webkit || $.browser.android || $.browser.versionNumber < 26 ) {
-    $('#shareScreenLabel').addClass('disabled');
+    $('#shareScreenLabel').remove();
   }
 
   // If browser doesn't support webRTC or dataChannels

templates/default/join.html.ep

@@ -74,17 +74,19 @@
             <span class="glyphicon glyphicon-facetime-video">
             </span>
           </label>
-          <label class="btn btn-default help hidden-xs aloneEl" id="pauseMohLabel" data-toggle="tooltip" data-placement="bottom" title="<%=l 'PAUSE_MOH' %>">
-            <input type="checkbox" id="pauseMohButton">
-            <span class="glyphicon glyphicon-music">
-            </span>
-          </label>
           <label class="btn btn-default help" id="shareScreenLabel" data-toggle="tooltip" data-placement="bottom" title="<%=l 'SHARE_YOUR_SCREEN' %>">
             <input type="checkbox" id="shareScreenButton">
             <span class="glyphicon glyphicon-expand">
             </span>
           </label>
         </div>
+        <div class="btn-group navbar-form navbar-left hidden-xs aloneEl" data-toggle="buttons">
+          <label class="btn btn-default help" id="pauseMohLabel" data-toggle="tooltip" data-placement="bottom" title="<%=l 'PAUSE_MOH' %>">
+            <input type="checkbox" id="pauseMohButton">
+            <span class="glyphicon glyphicon-music">
+            </span>
+          </label>
+        </div>
         <div class="btn-group navbar-form navbar-left">
           <div class="btn-group ownerEl">
             <button class="btn btn-default help" type="button" data-toggle="modal" data-target="#inviteModal" data-toggle="tooltip" data-placement="bottom" title="<%=l 'INVITE_PEOPLE' %>">