forked from CryHavoc/dottes
Rearrange instrument table from horizontal to vertical on narrow screens.
This commit is contained in:
parent
bfcc214f2f
commit
4dda960a37
|
@ -110,11 +110,13 @@ div.dottes-transpose-instrument-name
|
|||
div.dottes-transpose-instrument-how
|
||||
{
|
||||
width: 55%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
div.dottes-transpose-tune-types
|
||||
{
|
||||
width: 30%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.dottes-tune-display
|
||||
|
@ -378,6 +380,22 @@ div.dottes-history-yes
|
|||
}
|
||||
|
||||
@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
|
||||
{
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue