Mercurial > dottes

changeset 633:7a64aeaaa294 build-default-251

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Adapt footer is tune and learner tune pages to narrow displays.
author Jim Hague <jim.hague@acm.org>
date Sun, 06 Nov 2016 22:21:09 +0000
parents 353cc3db3017
children cfeb344aecd6 1fc8d4867c88
files web/css/dottes.css
diffstat 1 files changed, 85 insertions(+), 0 deletions(-) [+]
line wrap: on
line diff
--- 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;
+    }
+}