Change Pop out link to image

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>

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>