From 1315d02b2c8d0b265d0f975eb98ee0a350d24dc9 Mon Sep 17 00:00:00 2001
From: Abe Jellinek <jellinek@berkeley.edu>
Date: Fri, 5 Aug 2022 14:15:27 -0400
Subject: [PATCH] fx-compat: Item box: Correct value margins, remove type
 dropmarker

---
 scss/components/_itemBox.scss | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/scss/components/_itemBox.scss b/scss/components/_itemBox.scss
index 64a4f668a9..8ab6576d0a 100644
--- a/scss/components/_itemBox.scss
+++ b/scss/components/_itemBox.scss
@@ -29,6 +29,7 @@ td {
 	display: flex;
 	min-width: 0;
 	align-self: stretch;
+	margin-inline-end: 5px;
 }
 
 td > input {
@@ -71,8 +72,17 @@ td > [fieldname] {
 	height: 1.5em !important;
 	min-height: 1.5em !important;
 	padding: 0 !important;
-	margin: 0 5px 0 0 !important;
+	margin: 0 !important;
 	max-height: 1.5em !important;
+	flex: 1;
+	
+	&::part(dropmarker) {
+		display: none;
+	}
+	
+	&::part(label) {
+		margin-inline-start: 0;
+	}
 }
 
 #item-type-menu:not(:hover):not(:active) {
@@ -89,10 +99,6 @@ td > [fieldname] {
 	padding: 0 !important;
 }
 
-#item-type-menu > .menulist-dropmarker {
-	display: none;
-}
-
 /* DEBUG: this doesn't seem to work, unfortunately
 label[singleField=false]:after
 {