Fix OAuth page styling

jhub_apps/templates/oauth.html

@@ -0,0 +1,43 @@
+{% extends "page.html" %} {% block login_widget %} {% endblock %} {% block main
+%}
+<div class="container col-md-6">
+  <h1 class="text-center">Authorize access</h1>
+
+  <h2>
+    An application is requesting authorization to access data associated with
+    your JupyterHub account
+  </h2>
+
+  <p>
+    {{ oauth_client.description }} (oauth URL: {{ oauth_client.redirect_uri }})
+    would like permission to identify you. {% if scope_descriptions | length ==
+    1 and not scope_descriptions[0].scope %} It will not be able to take actions
+    on your behalf. {% endif %}
+  </p>
+
+  <h3>This will grant the application permission to:</h3>
+  <div>
+    <form method="POST" action="">
+      <input type="hidden" name="_xsrf" value="{{ xsrf }}" />
+      {# these are the 'real' inputs to the form -#} {% for scope in
+      allowed_scopes %}
+      <input type="hidden" name="scopes" value="{{ scope }}" />
+      {% endfor %} {% for scope_info in scope_descriptions %}
+      <div class="checkbox input-group">
+        <label>
+          <input type="checkbox" name="raw-scopes" checked="true" title="This
+          authorization is required" disabled="disabled" {# disabled because
+          it's required #} />
+          <span>
+            {{ scope_info['description'] }} {% if scope_info['filter'] %}
+            Applies to {{ scope_info['filter'] }}. {% endif %}
+          </span>
+        </label>
+      </div>
+      {% endfor %}
+      <input type="submit" value="Authorize" class="form-control btn-jupyter" />
+    </form>
+  </div>
+</div>
+
+{% endblock %}