lone-cloud/huegasm
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

minor styling change

Browse source
This commit is contained in:
Egor 2017-11-24 15:03:44 -08:00
parent 67d1325c40
commit 0585ce1a1f
1 changed files with 12 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
web/app/styles/music-tab.scss
View file

@ -11,7 +11,7 @@
#slide-toggle {
font-size: 22px;
color: $playerDefaultIconColor;
background: #730B07;
background: #730b07;
div .paper-icon {
color: inherit !important;
font-size: 24px;
@ -45,7 +45,7 @@
.tooltip-arrow {
display: none;
}
md-menu-item>.md-button md-icon {
md-menu-item > .md-button md-icon {
margin: auto 0 5px 10px;
}
.play-arrow,
@ -56,7 +56,7 @@
}
#player-time-controls {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
display: inline-block;
margin-left: 1em;
@ -98,7 +98,7 @@
#playlist {
height: $playerHeight;
background-color: #1E1E1E;
background-color: #1e1e1e;
padding: 0 5px 0 5px;
}
@ -189,7 +189,7 @@
text-align: center;
width: 100%;
}
[md-font-icon="library-music"] {
[md-font-icon='library-music'] {
position: absolute;
top: 48%;
font-size: 100px;
@ -232,7 +232,8 @@
font-size: 18px;
}
.album-art {
height: 60px;
width: 58px;
height: 58px;
float: left;
margin-right: 5px;
border: 1px solid rgba(0, 0, 0, 0.5);
@ -439,7 +440,7 @@
width: 100%;
}
@media(max-width:1100px) {
@media (max-width: 1100px) {
#soundcloud-logo {
display: none;
}
@ -448,7 +449,7 @@
}
}
@media(min-width:767px) and (max-width:1200px) {
@media (min-width: 767px) and (max-width: 1200px) {
#add-new-music-label {
display: none;
}
@ -458,7 +459,7 @@
}
}
@media(max-width: 500px) {
@media (max-width: 500px) {
#sensitivity-settings .noUi-value-vertical {
display: none;
}
@ -467,14 +468,14 @@
}
}
@media(max-width: 950px) and (min-width:768px) {
@media (max-width: 950px) and (min-width: 768px) {
.option-description {
height: 55px;
}
}
// mobile overrides
@media(max-width:767px) {
@media (max-width: 767px) {
div#player-bottom {
display: block !important;
}