From c0addcccc4094b2ccfafde990f014c8c573fd334 Mon Sep 17 00:00:00 2001
From: Matt Huntington <matt.huntington@gmail.com>
Date: Tue, 23 Aug 2016 23:30:11 -0400
Subject: [PATCH] cropping svg

---
 public/css/app.css | 4 +++-
 views/index.ejs    | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index a2cca31..5ec376d 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -2,7 +2,9 @@ svg {
 	margin:40px; /* give it some margin to show off the axes */
 	overflow:visible; /* axes will extend beyond the svg cropping area.  Show them anyway */
 }
-
+#container {
+	overflow: hidden;
+}
 svg circle {
 	r:5; /* circles will have a default radius of 5 px */
 	transition: r 0.5s ease-in-out, fill 0.5s linear; /* create transitions for radius and fill */
diff --git a/views/index.ejs b/views/index.ejs
index 67de9e8..0f5a99d 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -14,7 +14,9 @@
 		<% if(currentUser) { %>
 			<!-- show app if user is logged in -->
 			<svg>
-				<g id="points"></g>
+				<svg id="container">
+					<g id="points"></g>
+				</svg>
 			</svg>
 			<form action="/logins?_method=DELETE" method="POST">
 				<!-- log out button -->