CryHavoc
/
dottes
2
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Rearrange instrument table from horizontal to vertical on narrow screens.

This commit is contained in:
Jim Hague 2016-11-07 20:31:41 +00:00
parent bfcc214f2f
commit 4dda960a37
1 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
web/css/dottes.css
View File

@ -110,11 +110,13 @@ div.dottes-transpose-instrument-name
div.dottes-transpose-instrument-how div.dottes-transpose-instrument-how
{ {
width: 55%; width: 55%;
text-align: left;
} }
div.dottes-transpose-tune-types div.dottes-transpose-tune-types
{ {
width: 30%; width: 30%;
text-align: center;
} }
div.dottes-tune-display div.dottes-tune-display
@ -378,6 +380,22 @@ div.dottes-history-yes
} }
@media only screen and (max-device-width: 480px) { @media only screen and (max-device-width: 480px) {
div.dottes-transpose-instrument-item
{
display: table-row;
vertical-align: middle;
text-align: center;
padding: 0px;
margin: 0px;
}
div.dottes-transpose-instrument-item h1, p, ul
{
text-align: center;
margin: 0px;
padding: 0px;
}
div.dottes-tune-footer div.dottes-tune-footer
{ {
} }