Mercurial > dottes

changeset 636:3a71f1fe4c55

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Rearrange instrument table from horizontal to vertical on narrow screens.
author Jim Hague <jim.hague@acm.org>
date Mon, 07 Nov 2016 20:31:41 +0000
parents f9ed1b7953ca
children 776a455efe47
files web/css/dottes.css
diffstat 1 files changed, 18 insertions(+), 0 deletions(-) [+]
line wrap: on
line diff
--- a/web/css/dottes.css	Mon Nov 07 20:31:16 2016 +0000
+++ b/web/css/dottes.css	Mon Nov 07 20:31:41 2016 +0000
@@ -110,11 +110,13 @@
 div.dottes-transpose-instrument-how
 {
     width: 55%;
+    text-align: left;
 }
 
 div.dottes-transpose-tune-types
 {
     width: 30%;
+    text-align: center;
 }
 
 div.dottes-tune-display
@@ -378,6 +380,22 @@
 }
 
 @media only screen and (max-device-width: 480px) {
+    div.dottes-transpose-instrument-item
+    {
+        display: table-row;
+        vertical-align: middle;
+        text-align: center;
+        padding: 0px;
+        margin: 0px;
+    }
+
+    div.dottes-transpose-instrument-item h1, p, ul
+    {
+        text-align: center;
+        margin: 0px;
+        padding: 0px;
+    }
+
     div.dottes-tune-footer
     {
     }