From 32e4f59265056927ee6779af2bfa0a832e575311 Mon Sep 17 00:00:00 2001
From: Brian Picciano <mediocregopher@gmail.com>
Date: Mon, 12 Nov 2018 15:41:44 -0500
Subject: [PATCH] fix viz canvas size

---
 _posts/2018-11-12-viz-1.md | 3 +--
 assets/main.css            | 7 +++++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/_posts/2018-11-12-viz-1.md b/_posts/2018-11-12-viz-1.md
index b04b737..264e852 100644
--- a/_posts/2018-11-12-viz-1.md
+++ b/_posts/2018-11-12-viz-1.md
@@ -15,11 +15,10 @@ blog.
 This is the first of a series of visualization posts I intend to work on, each
 building from the previous one.
 
-<!--<script src="/assets/viz/1/js/main.js"></script>-->
 <script src="/assets/viz/1/goog/base.js"></script>
 <script src="/assets/viz/1/cljs_deps.js"></script>
 <script>goog.require("viz.core");</script>
-<p align="center"><canvas style="width:100%;" id="viz"></canvas></p>
+<p align="center"><canvas id="viz"></canvas></p>
 
 This visualization follows a few simple rules:
 
diff --git a/assets/main.css b/assets/main.css
index 23f52cb..78ede2b 100644
--- a/assets/main.css
+++ b/assets/main.css
@@ -59,7 +59,8 @@ ul {
     min-width: 1px;
 }
 
-#crypto-display-qr img,canvas {
+#crypto-display-qr img,
+#crypto-display-qr canvas {
     width: 100%;
     max-width: 512px;
 }
@@ -115,6 +116,8 @@ ul {
     margin-left: 1em;
 }
 
-#post-content img {
+#post-content img,
+#post-content canvas
+{
     max-width: 100%;
 }