fix button alignments
This commit is contained in:
parent
c4c34ba314
commit
caf2199d45
9 changed files with 63 additions and 63 deletions
|
@ -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 {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue