From bfe833cf3cf59920cebb7030dd2b6384404150fd Mon Sep 17 00:00:00 2001
From: Joen Asmussen <joen@automattic.com>
Date: Mon, 17 Apr 2017 11:50:45 +0200
Subject: [PATCH] Polish heading size numbers

This PR polishes the tiny number label next to heading buttons.
---
 editor/components/toolbar/style.scss | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/editor/components/toolbar/style.scss b/editor/components/toolbar/style.scss
index 53bf5960b77611..560542729b856a 100644
--- a/editor/components/toolbar/style.scss
+++ b/editor/components/toolbar/style.scss
@@ -15,6 +15,7 @@
 	outline: none;
 	color: $dark-gray-500;
 	cursor: pointer;
+	position: relative;
 
 	&:first-child {
 		margin-left: 3px;
@@ -29,6 +30,17 @@
 		background-color: $dark-gray-500;
 		color: $white;
 	}
+
+	/* Optional number, e.g. for headings */
+	span {
+		font-family: $default-font;
+		font-size: 10px;
+		font-weight: bold;
+		position: absolute;
+		bottom: 8px;
+		right: 4px;
+	}
+
 }
 
 .editor-toolbar__control .dashicon {