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;