Corrected the size of buttons on mobile devices.

This commit is contained in:
Maxim Khlobystov 2015-06-03 13:50:39 -07:00
parent f29c63e25b
commit f6fc8d13f7
2 changed files with 20 additions and 2 deletions

View File

@ -474,8 +474,17 @@ body {
line-height: 0;
}
btn {
.btn {
@media @mobile-portrait-with-keyboard, @mobile-portrait {
padding-left: 10px;
padding-right: 10px;
}
i {
font-size: 30px;
@media @desktop-portrait, @landscape {
font-size: 30px;
}
@media @mobile-portrait-with-keyboard, @mobile-portrait {
font-size: 80px;
}
}
}

View File

@ -172,10 +172,19 @@
top: 0;
right: 0;
margin-bottom: 0;
padding: 0;
&, &:hover {
background-color: transparent;
}
i {
color: black;
}
@media @desktop-portrait, @landscape {
height: 50px;
width: 50px;
}
@media @mobile-portrait-with-keyboard, @mobile-portrait {
height: 100px;
width: 10%;
}
}