fx-compat: Item box: Fix creator name field sizing

Not the exact same sizing as Fx60, because that relied on some quirks
of the Mozilla box model that I can't reproduce with flexbox, but still
works about as well.

chrome/content/zotero/elements/itemBox.js

@@ -880,7 +880,6 @@
 			// Name
 			var firstlast = document.createElement("span");
 			firstlast.className = 'creator-name-box';
-			firstlast.setAttribute("flex","1");
 			var tabindex = this._tabIndexMinCreators + (rowIndex * 2);
 			var fieldName = 'creator-' + rowIndex + '-lastName';
 			var lastNameElem = firstlast.appendChild(

scss/components/_itemBox.scss

@@ -145,8 +145,20 @@ row label
 }
 
 .creator-name-box {
-	display: flex;
 	flex: 1;
+	min-width: 0;
+	display: flex;
+	align-items: baseline;
+
+	& > input {
+		flex: 1;
+		width: 100%;
+	}
+
+	& > div {
+		flex-shrink: 1;
+		min-width: 10px;
+	}
 }
 
 .creator-type-label > label

scss/mac/_itemBox.scss

@@ -24,7 +24,7 @@ th > label, .creator-type-label, #more-creators-label {
 	max-height: 7px;
 }
 
-td > input {
+td > input, .creator-name-box > input {
 	margin: -1px 5px -1px 0;
 	padding: 0;
 }