From 24afda61a77cd275c271e988fecf560602275c9d Mon Sep 17 00:00:00 2001
From: Matt Baer <matt@flashstuf.com>
Date: Wed, 6 Jul 2016 02:27:09 -0400
Subject: [PATCH] Change Pop out link to image

---
 img/ic_launch.svg |  4 ++++
 popup.html        | 11 ++++++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 img/ic_launch.svg

diff --git a/img/ic_launch.svg b/img/ic_launch.svg
new file mode 100644
index 0000000..ca89ba8
--- /dev/null
+++ b/img/ic_launch.svg
@@ -0,0 +1,4 @@
+<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M0 0h24v24H0z" fill="none"/>
+    <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/>
+</svg>
\ No newline at end of file
diff --git a/popup.html b/popup.html
index 73f494e..dca102b 100644
--- a/popup.html
+++ b/popup.html
@@ -74,6 +74,15 @@
 		border-bottom: 1px solid #dfdfdf;
 		min-height: 0;
 	}
+	a#popout {
+		padding: 0.5em;
+		position: absolute;
+		left: 0.75em;
+		bottom: 0.75em;
+	}
+	a#popout img {
+		vertical-align: middle;
+	}
 	body.popout a#popout {
 		display: none;
 	}
@@ -90,12 +99,12 @@
         <a id="url-link" target="_blank">Open</a>
       </div>
       <div id="publish-holder">
-        <a href="#" id="popout">Pop out</a>
         <input type="radio" name="font" value="sans" id="sans" checked="checked" /><label for="sans"> Sans</label>
         <input type="radio" name="font" value="norm" id="norm" /><label for="norm"> Serif</label>
         <input type="radio" name="font" value="mono" id="mono" /><label for="mono"> Monospace</label>
         <input type="radio" name="font" value="code" id="code" /><label for="code"> Code</label>
         <input id="publish" type="submit" value="Publish" />
+        <a href="#" id="popout"><img src="img/ic_launch.svg" /></a>
       </div>
     </form>