Update styling to fit LikeDislike component

2024-05-10 20:24:02 -04:00
parent 2b9d849578
commit 7a750b60aa
2 changed files with 15 additions and 18 deletions
--- a/style/playbar.scss
+++ b/style/playbar.scss
@ -40,24 +40,23 @@
 	}

 	.playbar-left-group {
-		.media-info {
-			font-size: 16;
+		display: flex;
+		position: absolute;
+		top: 50%;
+		transform: translateY(-50%);
+		margin-left: 10px;
+
+		.media-info-img {
+			width: 50px;
+		}
+
+		.media-info-text {
+			text-align: left;
 			margin-left: 10px;
+		}

-			position: absolute;
-			top: 50%;
-			transform: translateY(-50%);
-			display: grid;
-			grid-template-columns: 50px 1fr;
-
-			.media-info-img {
-				width: 50px;
-			}
-
-			.media-info-text {
-				text-align: left;
-				margin-left: 10px;
-			}
+		.like-dislike {
+			margin-left: 20px;
 		}
 	}