From 2531a4dab6e69517743fb13960dde2c8cbbb9fff Mon Sep 17 00:00:00 2001
From: Damien Elmes <gpg@ankiweb.net>
Date: Sun, 4 Dec 2022 19:24:37 +1000
Subject: [PATCH] Fix pie chart disappearing in 2/3 column graph modes

---
 ts/graphs/CardCounts.svelte | 25 +++----------------------
 1 file changed, 3 insertions(+), 22 deletions(-)

diff --git a/ts/graphs/CardCounts.svelte b/ts/graphs/CardCounts.svelte
index 690d1a1d0..0ffcfe02e 100644
--- a/ts/graphs/CardCounts.svelte
+++ b/ts/graphs/CardCounts.svelte
@@ -48,7 +48,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     </InputBox>
 
     <div class="counts-outer">
-        <div class="svg-container" width={bounds.width} height={bounds.height}>
+        <div class="svg-container">
             <svg
                 bind:this={svg}
                 viewBox={`0 0 ${bounds.width} ${bounds.height}`}
@@ -94,6 +94,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         display: flex;
         justify-content: center;
         margin: 0 4vw;
+        flex-wrap: wrap;
+        flex: 1;
 
         .svg-container {
             width: 225px;
@@ -120,27 +122,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         }
     }
 
-    /* On narrow devices, stack graph and table in a column */
-    @media only screen and (max-width: 600px) {
-        .counts-outer {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-
-            .svg-container {
-                width: 180px;
-
-                svg {
-                    margin-left: 4vw;
-                }
-            }
-
-            .counts-table table td {
-                padding: 0 min(6vw, 30px);
-            }
-        }
-    }
-
     .search-link:hover {
         cursor: pointer;
         color: var(--fg-link);