Don't overflow the controls in weird ways on mobile
This commit is contained in:
parent
63f24aaedd
commit
ad8d09745e
|
@ -10,8 +10,8 @@ function Controls() {
|
|||
|
||||
if (title.name === "Journey" && title.artist === "Mseq") {
|
||||
titleLine = (
|
||||
<div className="notification is-primary">
|
||||
<div className="level-item">
|
||||
<div className="level-item is-size-7-mobile is-flex-shrink-1">
|
||||
<div>
|
||||
<a href="http://dig.ccmixter.org/files/Mseq/54702">
|
||||
Journey
|
||||
</a>
|
||||
|
@ -28,12 +28,12 @@ function Controls() {
|
|||
|
||||
return (
|
||||
<div className="notification is-primary">
|
||||
<div className="level">
|
||||
<div className="level-left">
|
||||
<div className="level is-mobile">
|
||||
<div className="level-left is-flex-shrink-1">
|
||||
<Indicator />
|
||||
{titleLine}
|
||||
</div>
|
||||
<div className="level-right">
|
||||
<div className="level-right is-hidden-mobile">
|
||||
<div className="level-item">{title.artist}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Reference in a new issue