From e80fa187ba0da075ebfc0b588bbba962bf18afcc Mon Sep 17 00:00:00 2001
From: lilia <liliakai@gmail.com>
Date: Mon, 14 Sep 2015 11:39:42 -0700
Subject: [PATCH] Upsize svg identicons

The chrome.notifications api renders iconUrls at full bleed, as opposed
to the Web Notifications api, which adds padding. This was causing our
identicons to look a bit over stretched.

Fixed by rendering them a bit larger and with some padding.

// FREEBIE
---
 background.html                | 6 +++---
 js/views/identicon_svg_view.js | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/background.html b/background.html
index 273eb0842..84d354ad6 100644
--- a/background.html
+++ b/background.html
@@ -88,9 +88,9 @@
       </div>
   </script>
   <script type='text/x-tmpl-mustache' id='identicon-svg'>
-      <svg xmlns="http://www.w3.org/2000/svg" width="44" height="44">
-         <circle cx="22" cy="22" r="22" fill="{{ color }}" />
-          <text text-anchor="middle" fill="white" font-size="14px" x="22" y="22" baseline-shift="-4px">
+      <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
+         <circle cx="50" cy="50" r="40" fill="{{ color }}" />
+          <text text-anchor="middle" fill="white" font-size="24px" x="50" y="50" baseline-shift="-8px">
               {{ content }}
           </text>
       </svg>
diff --git a/js/views/identicon_svg_view.js b/js/views/identicon_svg_view.js
index 411bf6175..8ce888f31 100644
--- a/js/views/identicon_svg_view.js
+++ b/js/views/identicon_svg_view.js
@@ -24,7 +24,7 @@
                 var img = document.createElement('img');
                 img.onload = function () {
                     var canvas = loadImage.scale(img, {
-                        canvas: true, maxWidth: 44, maxHeight: 44
+                        canvas: true, maxWidth: 100, maxHeight: 100
                     });
                     var ctx = canvas.getContext('2d');
                     ctx.drawImage(img, 0, 0);