<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>HappyHour</title>
  <%= stylesheet_link_tag    "application", :media => "all" %>
  <%= javascript_include_tag "application" %>
  <%= csrf_meta_tags %>
</head>
<body>
  <%= render 'navbar' %>
  
  <div class="container">
    <%= yield %>
  </div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>HappyHour</title>
  <%= stylesheet_link_tag    "application", :media => "all" %>
  <%= javascript_include_tag "application" %>
  <%= csrf_meta_tags %>
</head>
<body>
  <%= render 'navbar' %>
  
  <div class="container">
    <%= yield %>
  </div>
</body>
</html>

Disable user-zooming to prevent auto-zoom on form input focus.
Disable user-zooming to prevent auto-zoom on form input focus.

This is not a desirable change to make, but it will have to suffice
until I implement a less restrictive way to avoid the ugly
auto-zooming (or else design the site so it doesn't matter).
