From cdc834a8f755a276e52844890d6b8602ace24204 Mon Sep 17 00:00:00 2001
From: Teo Wei Shen <7098637+tws4793@users.noreply.github.com>
Date: Fri, 11 Feb 2022 18:02:23 +0800
Subject: [PATCH] fit width of viz to column

---
 src/components/viz/D3.vue | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/viz/D3.vue b/src/components/viz/D3.vue
index 2c1a50d..039c279 100644
--- a/src/components/viz/D3.vue
+++ b/src/components/viz/D3.vue
@@ -1,7 +1,7 @@
 <template lang="pug">
 .card
   button#zoomin +
-  svg#tree
+  svg#tree.tree
     // preserveAspectRatio="xMinYMin meet">
     clippath#clip
 </template>
@@ -185,9 +185,10 @@ export default {
   },
 };
 </script>
+
 <style scoped>
-  svg#tree {
-    width: 100vw;
-    height: auto;
-  }
+.tree {
+  overflow-x: scroll;
+  width: 100%;
+}
 </style>