# HG changeset patch
# User Jim Hague <jim.hague@acm.org>
# Date 1478470869 0
# Node ID 7a64aeaaa29451eadb46294f55e7988ef9e3a2d4
# Parent  353cc3db3017436fc93886b4796c7afb6b6e7e46
Adapt footer is tune and learner tune pages to narrow displays.

diff -r 353cc3db3017 -r 7a64aeaaa294 web/css/dottes.css
--- a/web/css/dottes.css	Sun Nov 06 21:52:29 2016 +0000
+++ b/web/css/dottes.css	Sun Nov 06 22:21:09 2016 +0000
@@ -381,3 +381,88 @@
 {
     margin-top: 20px
 }
+
+@media only screen and (max-device-width: 480px) {
+    div.dottes-tune-footer
+    {
+    }
+
+    div.dottes-tune-footer-links-column
+    {
+    }
+
+    div.dottes-tune-footer-play-column
+    {
+    }
+
+    div.dottes-tune-footer-last-column
+    {
+    }
+
+    div.dottes-tune-footer-row
+    {
+        display: table;
+        width: 100%;
+    }
+
+    div.dottes-tune-footer-links
+    {
+        display: table-row;
+        text-align: center;
+        vertical-align: middle;
+    }
+
+    div.dottes-tune-footer-play
+    {
+        display: table-row;
+        text-align: center;
+        vertical-align: middle;
+    }
+
+    div.dottes-tune-footer-last
+    {
+        display: table-row;
+        text-align: center;
+        vertical-align: middle;
+    }
+
+    div.dottes-tune-learner
+    {
+    }
+
+    div.dottes-tune-learner-speed-column
+    {
+    }
+
+    div.dottes-tune-learner-play-column
+    {
+    }
+
+    div.dottes-tune-learner-download-column
+    {
+    }
+
+    div.dottes-tune-learner-row
+    {
+        display: table;
+        width: 100%;
+    }
+
+    div.dottes-tune-learner-speed
+    {
+        display: table-row;
+        text-align: center;
+    }
+
+    div.dottes-tune-learner-play
+    {
+        display: table-row;
+        text-align: center;
+    }
+
+    div.dottes-tune-learner-download
+    {
+        display: table-row;
+        text-align: center;
+    }
+}