From d1a494aa9fb14ad63664fff118955a8fe846c287 Mon Sep 17 00:00:00 2001
From: Oliver Hamlet <oliver.hamlet@gmail.com>
Date: Mon, 17 Aug 2015 19:24:15 +0100
Subject: [PATCH] Fix card flip flickering.

Closes #451.
---
 resources/report/html/loot-plugin-card.html   |  3 +--
 resources/report/html/loot-plugin-editor.html | 10 ++++------
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/resources/report/html/loot-plugin-card.html b/resources/report/html/loot-plugin-card.html
index d33bda25..ddde1c94 100644
--- a/resources/report/html/loot-plugin-card.html
+++ b/resources/report/html/loot-plugin-card.html
@@ -66,11 +66,10 @@ loot-clear-metadata
         }
         #front {
             display: block;
-            transform: translateZ(1px);
             backface-visibility: hidden;
         }
         #editor {
-            transform: rotateY(180deg) translateZ(-1px);
+            transform: rotateY(180deg);
             display:none;
             backface-visibility: hidden;
         }
diff --git a/resources/report/html/loot-plugin-editor.html b/resources/report/html/loot-plugin-editor.html
index 5e00d2e0..963f411a 100644
--- a/resources/report/html/loot-plugin-editor.html
+++ b/resources/report/html/loot-plugin-editor.html
@@ -91,11 +91,8 @@ loot-editor-close
         }
 
         /* Misc Styling. */
-        :host {
-            background: #CFD4E9;
-        }
         core-toolbar.medium-tall {
-            background: transparent;
+            background: #CFD4E9;
             height: 104px;
         }
         core-toolbar > div {
@@ -108,9 +105,10 @@ loot-editor-close
             vertical-align: inherit !important;
         }
         core-selector > * {
-            border-bottom: 4px solid #CFD4E9;
+            border: 4px solid #CFD4E9;
+            border-top: none;
             background: white;
-            margin: 0 4px 4px 4px;
+            margin-bottom: 4px;
         }
         #main {
             padding: 16px;