minor styling change

This commit is contained in:
Egor 2017-11-24 15:03:44 -08:00
parent 67d1325c40
commit 0585ce1a1f

View file

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