diff web/css/dottes.css @ 640:dfdea8422368

In tune list, put L in column of its own. It can be a big difficult to hit when the text is wrapped.
author Jim Hague <jim.hague@acm.org>
date Mon, 07 Nov 2016 23:14:14 +0000
parents 776a455efe47
children 1658f8c41117
line wrap: on
line diff
--- a/web/css/dottes.css	Mon Nov 07 20:34:45 2016 +0000
+++ b/web/css/dottes.css	Mon Nov 07 23:14:14 2016 +0000
@@ -277,12 +277,6 @@
     text-align: right;
 }
 
-a.dottes-tune-link
-{
-    position: relative;
-    top: 12px;
-}
-
 a.dottes-tune-icon-link
 {
     text-decoration: none;
@@ -335,12 +329,18 @@
 div.dottes-tune-list-link-column
 {
     display: table-column;
+    width: 20%;
+}
+
+div.dottes-tune-list-learner-link-column
+{
+    display: table-column;
 }
 
 div.dottes-tune-list-image-column
 {
     display: table-column;
-    width: 80%;
+    width: 75%;
 }
 
 div.dottes-tune-list-item-link
@@ -349,13 +349,25 @@
     vertical-align: middle;
 }
 
+div.dottes-tune-list-item-learner-link
+{
+    display: table-cell;
+    vertical-align: middle;
+    padding: 2px;
+}
+
+div.dottes-tune-list-item-learner-link img
+{
+    max-width: 20px;
+}
+
 div.dottes-tune-list-item-image
 {
     display: table-cell;
     vertical-align: middle;
 }
 
-div.dottes-tune-list-item-image img
+img.dottes-tune-table-image
 {
     width: 100%;
 }