Improve small-caps icon

packages/xpub-edit/src/components/abstract/config/icons.js

@@ -5,7 +5,7 @@ export default {
   bold: <b>Bold</b>,
   superscript: <span>t<sup>x</sup></span>,
   subscript: <span>t<sub>x</sub></span>,
-  small_caps: <span style={{ fontVariant: 'small-caps' }}>caps</span>,
+  small_caps: <span>T<span style={{ fontVariant: 'small-caps', fontSize: '70%' }}>T</span></span>,
   heading: <span>Section Title</span>,
   link: <span>Link</span>
 }

packages/xpub-edit/src/components/note/config/icons.js

@@ -5,6 +5,6 @@ export default {
   bold: <b>Bold</b>,
   superscript: <span>t<sup>x</sup></span>,
   subscript: <span>t<sub>x</sub></span>,
-  small_caps: <span style={{ fontVariant: 'small-caps' }}>caps</span>,
+  small_caps: <span>T<span style={{ fontVariant: 'small-caps', fontSize: '70%' }}>T</span></span>,
   link: <span>Link</span>
 }

packages/xpub-edit/src/components/title/config/icons.js

@@ -4,5 +4,5 @@ export default {
   italic: <i>Ital</i>,
   superscript: <span>t<sup>x</sup></span>,
   subscript: <span>t<sub>x</sub></span>,
-  small_caps: <span style={{ fontVariant: 'small-caps' }}>caps</span>
+  small_caps: <span>T<span style={{ fontVariant: 'small-caps', fontSize: '70%' }}>T</span></span>
 }