Improved mobile view

palfrey · Mar 1, 2017 · 35608c7 · 35608c7
1 parent 24b8fbe
commit 35608c7
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/graph/templates/base.html b/graph/templates/base.html
@@ -3,6 +3,7 @@
 <html>
   <head>
     <title>{% block title %}BGG Graph{% endblock %}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <link
       rel="stylesheet"
       href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css"
@@ -42,7 +43,7 @@
     <link rel="stylesheet" href="{% static "gh-fork-ribbon.css" %}" />
   </head>
   <body>
-    <a class="github-fork-ribbon" href="https://github.com/palfrey/bgg-graph" title="Fork me on GitHub">Fork me on GitHub</a>
+    <a class="github-fork-ribbon right-bottom fixed" href="https://github.com/palfrey/bgg-graph" title="Fork me on GitHub">Fork me on GitHub</a>
      <div class="container-fluid">
      {% block content %}{% endblock %}
      </div>

diff --git a/graph/templates/index.html b/graph/templates/index.html
@@ -3,13 +3,13 @@
 {% block content %}
 <div class="jumbotron">
   <div class="container">
-    <h1 class="display-3">BoardGameGeek Graph</h1>
+    <h1>BoardGameGeek Graph</h1>
     <p>This is a tool for making a flowchart for what of your games you should play today using the data from <a href="https://boardgamegeek.com/">BoardGameGeek</a></p>
     <p>
       <form method="POST" action="/lookup/">
         {% csrf_token %} 
         BGG username <input type="text" name="username" placeholder="BGG username" />
-        <input type="submit" value="Get flowchart" />
+        <button type="submit" class="btn btn-primary">Get flowchart</button>
       </form>
     </p>
   </div>