48 lines
683 B
SCSS
48 lines
683 B
SCSS
/* CSS for Phones only */
|
|
@media only screen and (max-width: 700px)
|
|
{
|
|
|
|
th, td {
|
|
// force tables into line-mode
|
|
// it's a bit ugly, but probably the best
|
|
// solution for small screens
|
|
display: block;
|
|
}
|
|
|
|
#head {
|
|
#menu {
|
|
#logo:hover {
|
|
transition: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
#main-content {
|
|
padding: 30px 5px;
|
|
}
|
|
|
|
.editlink {
|
|
float: right;
|
|
opacity: 1;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.item-group {
|
|
margin: 30px 0;
|
|
|
|
&.with-avatar {
|
|
margin-left: 0;
|
|
|
|
.avatar {
|
|
float: none;
|
|
margin: 0;
|
|
border: none;
|
|
height: 32px;
|
|
width: 32px;
|
|
vertical-align: middle;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
} |