fix button alignments

This commit is contained in:
Luke Pulverenti 2016-06-14 23:12:32 -04:00
parent c4c34ba314
commit caf2199d45
9 changed files with 63 additions and 63 deletions

View file

@ -77,22 +77,22 @@
text-align: center;
}
.mediaButton {
box-sizing: content-box !important;
}
.mediaButton i {
height: 40px;
width: 40px;
font-size: 40px;
}
.mediaButton.remoteControlButton, .mediaButton.muteButton, .mediaButton.unmuteButton {
height: 26px;
width: 26px;
.mediaButton.remoteControlButton i, .mediaButton.muteButton i, .mediaButton.unmuteButton i, .mediaButton.castButton i, .mediaButton.infoButton i {
height: 28px;
width: 28px;
font-size: 28px;
}
.nowPlayingDoubleText {
top: -3px;
}
.nowPlayingBarInfoContainer {
}
.nowPlayingImage {
display: inline-block;
vertical-align: middle;
@ -125,11 +125,6 @@
max-width: 130px;
}
.toggleRepeatButton {
height: 32px;
width: 32px;
}
.repeatActive {
color: #52B54B;
}
@ -194,6 +189,8 @@
margin: 0 1em 0 auto;
/* Need this to make sure it's on top of nowPlayingBarPositionContainer so that buttons are fully clickable */
z-index: 2;
display: flex;
align-items: center;
}
.nowPlayingBarCurrentTime {