From 2a93868922dd2adaee155cda24c0953e86ab4d71 Mon Sep 17 00:00:00 2001
From: RumovZ <gp5glkw78@relay.firefox.com>
Date: Sun, 17 Oct 2021 22:06:44 +0200
Subject: [PATCH] Center placeholder

---
 ts/card-info/CardInfo.svelte | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/ts/card-info/CardInfo.svelte b/ts/card-info/CardInfo.svelte
index a28f84a4f..72a9a81aa 100644
--- a/ts/card-info/CardInfo.svelte
+++ b/ts/card-info/CardInfo.svelte
@@ -24,21 +24,21 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
                 stats = s;
             }
         });
-    };
+    }
 </script>
 
-<div class="container">
-    <div>
-        {#if stats}
+{#if stats}
+    <div class="container">
+        <div>
             <CardStats {stats} />
             {#if includeRevlog}
                 <Revlog {stats} />
             {/if}
-        {:else}
-            <span class="placeholder">{tr.cardStatsNoCard()}</span>
-        {/if}
+        </div>
     </div>
-</div>
+{:else}
+    <div class="placeholder">{tr.cardStatsNoCard()}</div>
+{/if}
 
 <style>
     .container {
@@ -46,6 +46,10 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     }
 
     .placeholder {
-        text-align: center;
+        margin: 0;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
     }
 </style>