GRN2-xx: Fixed scaling issue on mobile (bigbluebutton#843)

* Disabled browser auto zoom

* Fixed spacing

* Removed unnecessary file

app/views/layouts/application.html.erb

@@ -35,6 +35,7 @@
     <meta property="og:url" content="<%= request.base_url %>" />
     <meta property="og:image" content="<%= logo_image %>" />
 
+    <meta name="viewport" content= "width=device-width, user-scalable=no">
     <%= csrf_meta_tags %>
 
     <!-- Global javascript variables and helpers. -->

app/views/rooms/show.html.erb

@@ -36,15 +36,15 @@
         <% unless exceeds_limit %>
           <label class="form-label"><%= t("room.invite_participants") %></label>
           <div class="row">
-            <div class="col-lg-7 col-md-12 mt-2 pr-0">
+            <div class="col-lg-7 col-md-12 mt-2">
               <div class="input-icon invite-link-input">
                 <span class="input-icon-addon">
                   <i class="fas fa-link"></i>
                 </span>
                 <input id="invite-url" type="text" class="form-control w-100" value="<%= request.base_url + @room.invite_path %>" readonly="">
               </div>
             </div>
-            <div class="col-lg-5 col-md-12 pr-0">
+            <div class="col-lg-5 col-md-12">
               <div class="row">
                 <div class="col-sm-6">
                   <a href="#" id="copy" class="btn btn-primary btn-block mt-2">
@@ -65,7 +65,7 @@
           </div>
         <% end %>
       </div>
-      <div class="offset-lg-1 col-lg-3 col-sm-12 force-bottom mt-5 pr-0">
+      <div class="offset-lg-1 col-lg-3 col-sm-12 force-bottom mt-5">
         <% if @room_running %>
           <%= button_to t("room.join"), room_path(@room), class: "btn btn-primary btn-block px-7 start-button float-right" %>
         <% else %>