diff --git a/index.html b/index.html index 77cf4ce..8e82933 100644 --- a/index.html +++ b/index.html @@ -975,7 +975,12 @@
-
Kein Titel
+
+
Kein Titel
+ +
—
@@ -983,9 +988,6 @@ —
-
diff --git a/styles.css b/styles.css index 506cd58..f92a310 100644 --- a/styles.css +++ b/styles.css @@ -637,15 +637,16 @@ button:focus{outline:none} .np-cover .no-art{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:80px} /* Song info */ -.np-info{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px} -.np-text{flex:1;min-width:0} -.np-title{font-size:22px;font-weight:800;letter-spacing:-.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px} +.np-info{width:100%;margin-bottom:24px} +.np-text{min-width:0} +.np-title-row{display:flex;align-items:center;gap:6px;margin-bottom:5px} +.np-title{font-size:22px;font-weight:800;letter-spacing:-.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0} .np-artist{font-size:14px;color:rgba(255,255,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s} .np-artist+.np-artist{font-size:15px;font-weight:600;margin-top:3px;color:var(--accent)} #np-artist-name span:hover,#np-album-name:hover{color:var(--accent);cursor:pointer} .np-star{ background:none;border:none;cursor:pointer; - padding:8px;margin-left:8px;flex-shrink:0; + padding:4px;flex-shrink:0; display:flex;align-items:center; transition:transform .15s; }