Issue #3471459 by nayana_mvr, ahsannazir, marc.bau, bnjmnm, larowlan:...

Issue #3471459 by nayana_mvr, ahsannazir, marc.bau, bnjmnm, larowlan: Prefix/Suffix not inline with autocomplete field

core/themes/claro/css/components/tables.css

@@ -175,6 +175,21 @@ td.is-active {
  * This ignores the filter format select of the textarea editor.
  */
 
+td > .form-item {
+  display: flex;
+  align-items: center;
+}
+
+td > .form-item > .form-item__prefix {
+  margin-inline-end: var(--space-xs);
+  white-space: nowrap;
+}
+
+td > .form-item > .form-item__suffix {
+  margin-inline-start: var(--space-xs);
+  white-space: nowrap;
+}
+
 td > .form-item > .form-element,
 td > .ajax-new-content > .form-item > .form-element,
 td > .form-item > .claro-autocomplete,

core/themes/claro/css/components/tables.pcss.css

@@ -153,6 +153,21 @@ td {
  * This ignores the filter format select of the textarea editor.
  */
 td {
+  & > .form-item {
+    display: flex;
+    align-items: center;
+  }
+
+  & > .form-item > .form-item__prefix {
+    margin-inline-end: var(--space-xs);
+    white-space: nowrap;
+  }
+
+  & > .form-item > .form-item__suffix {
+    margin-inline-start: var(--space-xs);
+    white-space: nowrap;
+  }
+
   & > .form-item > .form-element,
   & > .ajax-new-content > .form-item > .form-element,
   & > .form-item > .claro-autocomplete,