Update styling to fit LikeDislike component

src/playbar.rs

@@ -267,14 +267,12 @@ fn MediaInfo(status: RwSignal<PlayStatus>) -> impl IntoView {
 	});
 
     view! {
-        <div class="media-info">
         <img class="media-info-img" align="left" src={image}/>
         <div class="media-info-text">
             {name}
             <br/>
             {artist} - {album}
         </div>
-        </div>
     }
 }
 

style/playbar.scss

@@ -40,15 +40,11 @@
 	}
 
 	.playbar-left-group {
-		.media-info {
-			font-size: 16;
-			margin-left: 10px;
-
+		display: flex;
 		position: absolute;
 		top: 50%;
 		transform: translateY(-50%);
-			display: grid;
-			grid-template-columns: 50px 1fr;
+		margin-left: 10px;
 
 		.media-info-img {
 			width: 50px;
@@ -58,6 +54,9 @@
 			text-align: left;
 			margin-left: 10px;
 		}
+
+		.like-dislike {
+			margin-left: 20px;
 		}
 	}