Mercurial > dottes
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 (2016-11-07) |
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%; }