From ec91efae27df8b50e0744b41c99a8126d0ced412 Mon Sep 17 00:00:00 2001
From: Amio <amio.cn@gmail.com>
Date: Sat, 28 Jul 2018 10:30:58 +0800
Subject: [PATCH] feat: tweak icon position & size (14 => 13.2)

---
 lib/index.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/lib/index.js b/lib/index.js
index e5d21c7..f1d3f73 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -8,7 +8,7 @@ module.exports = function ({subject, status, color, style, emoji, icon}) {
   color = colorPresets[color] || color || colorPresets['blue']
 
   const stTextWidth = calcWidth(status, emoji)
-  const sbRectWidth = calcWidth(subject, emoji) + 10 + (icon ? 17 : 0)
+  const sbRectWidth = calcWidth(subject, emoji) + 10 + (icon ? 15 : 0)
   const stRectWidth = stTextWidth + 10
   const width = sbRectWidth + stRectWidth
 
@@ -20,8 +20,8 @@ module.exports = function ({subject, status, color, style, emoji, icon}) {
           <rect x="${sbRectWidth}" width="${stRectWidth}" height="20" fill="#${color}"/>
         </g>
         <g fill="#fff" text-anchor="start" font-family="Verdana,DejaVu Sans,sans-serif" font-size="11">
-          <text x="${icon ? '23.2' : '6'}" y="14.8" fill="#000" opacity="0.1">${subject}</text>
-          <text x="${icon ? '22.2' : '5'}" y="13.8">${subject}</text>
+          <text x="${icon ? '21.6' : '6'}" y="14.8" fill="#000" opacity="0.1">${subject}</text>
+          <text x="${icon ? '20.6' : '5'}" y="13.8">${subject}</text>
           <text x="${sbRectWidth + 5.5}" y="14.8" fill="#000" opacity="0.1" textLength="${stTextWidth}">${status}</text>
           <text x="${sbRectWidth + 4.5}" y="13.8" textLength="${stTextWidth}">${status}</text>
         </g>${icon ? genIconMarkup(icon) : ''}
@@ -42,8 +42,8 @@ module.exports = function ({subject, status, color, style, emoji, icon}) {
         <rect width="${width}" height="20" fill="url(#a)"/>
       </g>
       <g fill="#fff" text-anchor="start" font-family="Verdana,DejaVu Sans,sans-serif" font-size="11">
-        <text x="${icon ? '23.4' : '6.2'}" y="14.8" fill="#000" opacity="0.25">${subject}</text>
-        <text x="${icon ? '22.4' : '5.2'}" y="13.8">${subject}</text>
+        <text x="${icon ? '21.6' : '6'}" y="14.8" fill="#000" opacity="0.25">${subject}</text>
+        <text x="${icon ? '20.6' : '5'}" y="13.8">${subject}</text>
         <text x="${sbRectWidth + 5.5}" y="14.8" fill="#000" opacity="0.25" textLength="${stTextWidth}">${status}</text>
         <text x="${sbRectWidth + 4.5}" y="13.8" textLength="${stTextWidth}">${status}</text>
       </g>${icon ? genIconMarkup(icon) : ''}
@@ -52,7 +52,7 @@ module.exports = function ({subject, status, color, style, emoji, icon}) {
 }
 
 function genIconMarkup (iconB64) {
-  return `<image x="4.8" y="3" width="14" height="14" xlink:href="${iconB64}"/>`
+  return `<image x="3.8" y="3.4" width="13.2" height="13.2" xlink:href="${iconB64}"/>`
 }
 
 function typeAssert (assertion, message) {