Style wrapped buttons so the toolbar can be resized

2018-06-07 14:09:02 +01:00
parent bfaa6d8dcc
commit 7384cfba1a
2 changed files with 12 additions and 0 deletions
@@ -92,6 +92,7 @@
 .toolbar-editor {
 	height: @editor-toolbar-height;
 	background-color: @editor-toolbar-bg;
+	overflow: hidden;
 }

 .loading-screen {
@@ -249,9 +249,14 @@
 /**************************************
 	Formatting buttons
 ***************************************/
+.button-measurer-wrapper {
+	display: flex;
+}
+
 .formatting-btn {
 	padding: 0;
 	min-width: 32px;
+	width: 32px;
 	height: 100%;
 	display: flex;
 	align-items: center;
@@ -259,8 +264,14 @@
 	box-shadow: none;
 	border: none;
 	border-left: 1px solid #ccc;
+	border-radius: 0;

 	&:last-child {
 		border-right: 1px solid #ccc;
 	}
 }
+
+.formatting-btn-icon {
+	font-style: normal;
+	line-height: 1.5;
+}