Formula bar: buttons: make grid on equably sized columns and fix btn

- Toolbox: Remove height min-content as it's prone to problems and different
outcomes depending on the context. Plus we don't need it if we enforce
it via grid
- Center all elements
  - Including unotoolbutton

Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Iadc55f0d253dd4a06c11ad8cd062c02863b1d12f

browser/css/jsdialogs.css

@@ -1846,10 +1846,21 @@ input[type='number']:hover::-webkit-outer-spin-button {
 	border-radius: var(--border-radius) 0 var(--border-radius) var(--border-radius) !important;
 }
 
-#formulabar-buttons-toolbox.formulabar {
+#formulabar-buttons-toolbox.formulabar.toolbox {
 	display: grid;
 	grid-auto-flow: column;
-	height: min-content;
+	align-items: center;
+	grid-column-gap: 4px;
+	grid-template-columns: repeat(3, 30px);
+}
+
+#formulabar-buttons-toolbox * {
+	align-items: center;
+	justify-content: center;
+}
+
+.unotoolbutton.formulabar {
+	display: flex;
 }
 
 .formulabar.unotoolbutton {

browser/css/spreadsheet.css

@@ -233,8 +233,6 @@
 #AutoSumMenu {
 	/* Make sure it matches buttons height*/
 	grid-template-rows: var(--btn-size);
-	/* Account for the arrow match width */
-	width: calc(var(--btn-size)*2);
 }
 
 #formulabar.expanded > .root-container > .formulabar {