Mercurial > dottes
comparison 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 |
comparison
equal
deleted
inserted
replaced
| 645:244d56518ea6 | 646:1658f8c41117 |
|---|---|
| 356 padding: 2px; | 356 padding: 2px; |
| 357 } | 357 } |
| 358 | 358 |
| 359 div.dottes-tune-list-item-learner-link img | 359 div.dottes-tune-list-item-learner-link img |
| 360 { | 360 { |
| 361 max-width: 20px; | 361 max-width: 25px; |
| 362 min-width: 10px; | |
| 362 } | 363 } |
| 363 | 364 |
| 364 div.dottes-tune-list-item-image | 365 div.dottes-tune-list-item-image |
| 365 { | 366 { |
| 366 display: table-cell; | 367 display: table-cell; |
| 390 { | 391 { |
| 391 margin-top: 20px | 392 margin-top: 20px |
| 392 } | 393 } |
| 393 | 394 |
| 394 @media only screen and (max-width: 480px) { | 395 @media only screen and (max-width: 480px) { |
| 396 html { | |
| 397 font-size: 62.5%; | |
| 398 } | |
| 399 | |
| 395 div.dottes-transpose-instrument-item | 400 div.dottes-transpose-instrument-item |
| 396 { | 401 { |
| 397 display: table-row; | 402 display: table-row; |
| 398 vertical-align: middle; | 403 vertical-align: middle; |
| 399 text-align: center; | 404 text-align: center; |
| 400 padding: 0px; | 405 padding: 0px; |
| 401 margin: 0px; | 406 margin: 0px; |
| 402 } | 407 } |
| 403 | 408 |
| 404 div.dottes-transpose-instrument-item h1, p, ul | 409 div.dottes-transpose-instrument-item h1, |
| 410 div.dottes-transpose-instrument-item p, | |
| 411 div.dottes-transpose-instrument-item ul | |
| 405 { | 412 { |
| 406 text-align: center; | 413 text-align: center; |
| 407 margin: 0px; | 414 margin: 0px; |
| 408 padding: 0px; | 415 padding: 0px; |
| 409 } | 416 } |