Adapt footer is tune and learner tune pages to narrow displays.

This commit is contained in:
Jim Hague 2016-11-06 22:21:09 +00:00
parent 67d4398ba0
commit 6c79f22ee3
1 changed files with 85 additions and 0 deletions

View File

@ -381,3 +381,88 @@ div.dottes-history-yes
{
margin-top: 20px
}
@media only screen and (max-device-width: 480px) {
div.dottes-tune-footer
{
}
div.dottes-tune-footer-links-column
{
}
div.dottes-tune-footer-play-column
{
}
div.dottes-tune-footer-last-column
{
}
div.dottes-tune-footer-row
{
display: table;
width: 100%;
}
div.dottes-tune-footer-links
{
display: table-row;
text-align: center;
vertical-align: middle;
}
div.dottes-tune-footer-play
{
display: table-row;
text-align: center;
vertical-align: middle;
}
div.dottes-tune-footer-last
{
display: table-row;
text-align: center;
vertical-align: middle;
}
div.dottes-tune-learner
{
}
div.dottes-tune-learner-speed-column
{
}
div.dottes-tune-learner-play-column
{
}
div.dottes-tune-learner-download-column
{
}
div.dottes-tune-learner-row
{
display: table;
width: 100%;
}
div.dottes-tune-learner-speed
{
display: table-row;
text-align: center;
}
div.dottes-tune-learner-play
{
display: table-row;
text-align: center;
}
div.dottes-tune-learner-download
{
display: table-row;
text-align: center;
}
}