Mercurial > dottes
comparison 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 |
comparison
equal
deleted
inserted
replaced
| 638:776a455efe47 | 640:dfdea8422368 |
|---|---|
| 275 { | 275 { |
| 276 display: table-cell; | 276 display: table-cell; |
| 277 text-align: right; | 277 text-align: right; |
| 278 } | 278 } |
| 279 | 279 |
| 280 a.dottes-tune-link | |
| 281 { | |
| 282 position: relative; | |
| 283 top: 12px; | |
| 284 } | |
| 285 | |
| 286 a.dottes-tune-icon-link | 280 a.dottes-tune-icon-link |
| 287 { | 281 { |
| 288 text-decoration: none; | 282 text-decoration: none; |
| 289 } | 283 } |
| 290 | 284 |
| 333 } | 327 } |
| 334 | 328 |
| 335 div.dottes-tune-list-link-column | 329 div.dottes-tune-list-link-column |
| 336 { | 330 { |
| 337 display: table-column; | 331 display: table-column; |
| 332 width: 20%; | |
| 333 } | |
| 334 | |
| 335 div.dottes-tune-list-learner-link-column | |
| 336 { | |
| 337 display: table-column; | |
| 338 } | 338 } |
| 339 | 339 |
| 340 div.dottes-tune-list-image-column | 340 div.dottes-tune-list-image-column |
| 341 { | 341 { |
| 342 display: table-column; | 342 display: table-column; |
| 343 width: 80%; | 343 width: 75%; |
| 344 } | 344 } |
| 345 | 345 |
| 346 div.dottes-tune-list-item-link | 346 div.dottes-tune-list-item-link |
| 347 { | 347 { |
| 348 display: table-cell; | 348 display: table-cell; |
| 349 vertical-align: middle; | 349 vertical-align: middle; |
| 350 } | 350 } |
| 351 | 351 |
| 352 div.dottes-tune-list-item-learner-link | |
| 353 { | |
| 354 display: table-cell; | |
| 355 vertical-align: middle; | |
| 356 padding: 2px; | |
| 357 } | |
| 358 | |
| 359 div.dottes-tune-list-item-learner-link img | |
| 360 { | |
| 361 max-width: 20px; | |
| 362 } | |
| 363 | |
| 352 div.dottes-tune-list-item-image | 364 div.dottes-tune-list-item-image |
| 353 { | 365 { |
| 354 display: table-cell; | 366 display: table-cell; |
| 355 vertical-align: middle; | 367 vertical-align: middle; |
| 356 } | 368 } |
| 357 | 369 |
| 358 div.dottes-tune-list-item-image img | 370 img.dottes-tune-table-image |
| 359 { | 371 { |
| 360 width: 100%; | 372 width: 100%; |
| 361 } | 373 } |
| 362 | 374 |
| 363 div.dottes-notes-no | 375 div.dottes-notes-no |