fix: Add border to the play card #1478

Signed-off-by: Siddharth Dagar <[email protected]>
reactplay · Mar 7, 2024 · 2ec295d · 2ec295d
1 parent ca54111
commit 2ec295d
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/common/playlists/playlist.css b/src/common/playlists/playlist.css
@@ -829,7 +829,7 @@
 .play-card-container {
   display: flex;
   flex-direction: column;
-  border: 1px solid #ddd;
+  border: 2px solid #757575;
   border-radius: 8px;
   overflow: hidden;
   transition: transform 0.2s ease-in-out;
@@ -838,6 +838,11 @@
   padding: 12px;
 }
 
+.play-card-container:hover {
+  transform: scale(105%);
+  transition: transform 0.2s ease-in-out;
+}
+
 .border {
   border: 1px solid rgb(189 183 183);
   margin: 8px;