From 5d8ce25734c33c639104717f153d7209f6303c43 Mon Sep 17 00:00:00 2001
From: Fenhl <fenhl@fenhl.net>
Date: Thu, 18 Oct 2018 13:24:50 +0000
Subject: [PATCH] Fix hovered meld cards being covered by adjacent cards

---
 frontend/app/assets/stylesheets/application.scss | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/frontend/app/assets/stylesheets/application.scss b/frontend/app/assets/stylesheets/application.scss
index 231900dc6f..402db3d104 100644
--- a/frontend/app/assets/stylesheets/application.scss
+++ b/frontend/app/assets/stylesheets/application.scss
@@ -212,6 +212,7 @@ form.search {
 .card_picture_container {
   position: relative;
   perspective: 1000px;
+  z-index: 0;
 
   .foil_layer {
     position: absolute;
@@ -230,7 +231,6 @@ form.search {
     left: 0;
     top: 0;
     position: relative;
-    z-index: 0;
 
     img {
       width: 100%;
@@ -240,9 +240,6 @@ form.search {
     backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
 
-    &:hover {
-      z-index: 1;
-    }
     &.flip:hover {
       transform: rotateZ(180deg);
     }
@@ -293,6 +290,9 @@ form.search {
       }
     }
   }
+  &:hover {
+    z-index: 1;
+  }
   & .dfc,
   & .dfc_back {
   }
@@ -328,15 +328,12 @@ form.search {
   }
   &:hover .melded {
     transform: rotateY(180deg);
-    z-index: 1;
   }
   &:hover .meld0 {
     transform: translateY(-30%) rotateY(360deg);
-    z-index: 1;
   }
   &:hover .meld1 {
     transform: translateY(72%) rotateY(360deg);
-    z-index: 1;
   }
 }
 .picture_missing {