Updated mobile-looks

This commit is contained in:
Kasper Rynning-Tønnesen
2017-02-22 12:34:16 +01:00
parent 3006237805
commit f14bfefdf4
2 changed files with 28 additions and 3 deletions

View File

@@ -1555,11 +1555,18 @@ nav ul li:hover, nav ul li.active {
.list-song .card-content{padding:0;}
.list-title{
display:block;
color:white;font-size:1em;
color:white;
font-size:1em;
text-align:left;
padding: 0 10px 0 10px;
line-height: 2.6rem;
/* width: 57%; */
}
.add-suggested .card-content .list-title{
line-height: 3.5rem;
}
.card-image{cursor:pointer}
.card{
margin:5px 0 5px 0 !important;
@@ -1623,7 +1630,7 @@ nav ul li:hover, nav ul li.active {
position: absolute;
text-align: right;
right: -35%;
top: 45%;
/* top: 45%; */
height: 19px;
line-height: normal;
padding: 2px 12px;
@@ -1960,6 +1967,23 @@ nav ul li:hover, nav ul li.active {
right: 0;
}
.list-title {
width: 57%;
}
#del, #del_suggested, #del_user_suggested{
bottom: -9px;
/* line-height: inherit; */
height:auto;
display: flex;
align-items: center;
border-top: none;
}
#del .material-icons, #del_suggested .material-icons, #del_user_suggested .material-icons{
font-size: 2.5rem;
}
#remote-sidebar-buttons-container{
text-align: center;
}

View File

@@ -231,7 +231,8 @@
</span>
</div>
<div class="card-action center-align list-remove hide">
<a title="Remove song" id="del" class="waves-effect btn-flat clickable">Delete</a>
<a title="Remove song" id="del" class="waves-effect btn-flat clickable hide-on-small-only">Delete</a>
<a title="Remove song" id="del" class="waves-effect btn-flat clickable show-on-small-only"><i class="material-icons">close</i></a>
</div>
</div>
</div>