Formulabar input, cell address input, AutoSum: Fix sizes discrepancies

- Remove individual sizes
- Rely on the same single size digit that comes from the parent
  container
- AutomSum button should not inherit buttons height
- Fix jumping buttons: Cancelformula (close btn) should be placed
  exactly where equal ("=") was before

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

browser/css/jsdialogs.css

@@ -1776,7 +1776,6 @@ input[type='number']:hover::-webkit-outer-spin-button {
 
 /* formulabar */
 #sc_input_window.formulabar {
-	height: 28px;
 	border: 1px solid var(--color-border);
 	flex-grow: 1;
 	background-color: var(--color-background-lighter);
@@ -1831,7 +1830,6 @@ input[type='number']:hover::-webkit-outer-spin-button {
 }
 
 #sc_input_window.formulabar.expanded {
-	height: 72px !important;
 	border-radius: var(--border-radius) 0 var(--border-radius) var(--border-radius) !important;
 }
 
@@ -1842,7 +1840,9 @@ input[type='number']:hover::-webkit-outer-spin-button {
 }
 
 #acceptformula {
-	margin-inline-start: 3px;
+	/* Align it. Sum menu button occupies 2x a button size */
+	/* so, move acceptformula one button to the right */
+	margin-inline-start: var(--btn-size) !important;
 }
 
 .formulabar.unotoolbutton:hover {

browser/css/spreadsheet.css

@@ -221,18 +221,38 @@
 
 /* formulabar */
 
+#addressInput {
+	display: flex;
+	flex-flow: column;
+}
 #addressInput-input {
-	height: 26px;
-	width: 100px;
 	color: var(--color-main-text);
 	background-color: var(--color-background-lighter);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius);
-	align-self: start;
+	align-self: stretch;
+	/* Same line-height as formulabar input */
+	line-height: 1.2;
+	flex-basis: 30px;
 }
 
-#formulabar-toolbox > div {
-	align-items: start;
+#formulabar-toolbox {
+	grid-template-rows: 30px;
+}
+
+#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 {
+	grid-template-rows: 72px;
+}
+
+#formulabar.expanded #formulabar-toolbox {
+	grid-template-rows: 72px;
 }
 
 #formulabar {
@@ -241,13 +261,14 @@
 	border-top: 1px solid var(--color-border);
 }
 
-#formulabar.expanded #addressInput * {
-	vertical-align: top;
-}
-
 #formulabar > .root-container > .formulabar {
 	display: grid;
 	grid-template-columns: 110px 106px auto;
+	grid-template-rows: 30px;
+}
+
+#formulabar > .root-container > .formulabar * {
+	box-sizing: border-box;
 }
 
 /* sheet tabs */