# HG changeset patch
# User Jim Hague <jim.hague@acm.org>
# Date 1478550701 0
# Node ID 3a71f1fe4c55b4dea562544b158b5dc37722e3d4
# Parent  f9ed1b7953cac68b58595b6238b340f6178e6e06
Rearrange instrument table from horizontal to vertical on narrow screens.

diff -r f9ed1b7953ca -r 3a71f1fe4c55 web/css/dottes.css
--- 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
     {
     }