diff web/css/dottes.css @ 646:1658f8c41117 build-default-255

Set minimum size for learner icon in tune list. Otherwise it vanishes completely at small screen sizes.
author Jim Hague <jim.hague@acm.org>
date Tue, 08 Nov 2016 20:26:01 +0000
parents dfdea8422368
children 7da70e8900ab
line wrap: on
line diff
--- a/web/css/dottes.css	Tue Nov 08 09:18:59 2016 +0000
+++ b/web/css/dottes.css	Tue Nov 08 20:26:01 2016 +0000
@@ -358,7 +358,8 @@
 
 div.dottes-tune-list-item-learner-link img
 {
-    max-width: 20px;
+    max-width: 25px;
+    min-width: 10px;
 }
 
 div.dottes-tune-list-item-image
@@ -392,6 +393,10 @@
 }
 
 @media only screen and (max-width: 480px) {
+    html {
+        font-size: 62.5%;
+    }
+
     div.dottes-transpose-instrument-item
     {
         display: table-row;
@@ -401,7 +406,9 @@
         margin: 0px;
     }
 
-    div.dottes-transpose-instrument-item h1, p, ul
+    div.dottes-transpose-instrument-item h1,
+    div.dottes-transpose-instrument-item p,
+    div.dottes-transpose-instrument-item ul
     {
         text-align: center;
         margin: 0px;