From 5a3cbd929f5bdf2871c87b99048fd8d1251bbf31 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=81d=C3=A1m=20Hassan?= <hassana@sensenet.com>
Date: Mon, 2 Oct 2023 10:46:41 +0200
Subject: [PATCH] align fixes

---
 .../fieldcontrols/reference-grid/default-item-template.tsx | 7 ++-----
 .../src/fieldcontrols/reference-grid/reference-grid.tsx    | 6 +++---
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/packages/sn-controls-react/src/fieldcontrols/reference-grid/default-item-template.tsx b/packages/sn-controls-react/src/fieldcontrols/reference-grid/default-item-template.tsx
index 59ea6241f..170bff9f5 100644
--- a/packages/sn-controls-react/src/fieldcontrols/reference-grid/default-item-template.tsx
+++ b/packages/sn-controls-react/src/fieldcontrols/reference-grid/default-item-template.tsx
@@ -105,12 +105,9 @@ export const DefaultItemTemplate: React.FC<DefaultItemTemplateProps> = (props) =
   }
 
   return (
-    <ListItem key={content.Id} button={false}>
+    <ListItem style={props.actionName === 'browse' ? { padding: 0 } : undefined} key={content.Id} button={false}>
       {content.Type ? renderIcon(content) : null}
-      <ListItemText
-        primary={content.DisplayName}
-        style={content.Id < 0 ? { textAlign: 'right', paddingRight: 16 } : { textAlign: 'left' }}
-      />
+      <ListItemText primary={content.DisplayName} style={{ textAlign: 'left', paddingRight: 15 }} />
       {props.actionName && props.actionName !== 'browse' && !props.readOnly ? (
         <ListItemSecondaryAction>
           {content.Id > 0 ? (
diff --git a/packages/sn-controls-react/src/fieldcontrols/reference-grid/reference-grid.tsx b/packages/sn-controls-react/src/fieldcontrols/reference-grid/reference-grid.tsx
index c02c33f44..415a36168 100644
--- a/packages/sn-controls-react/src/fieldcontrols/reference-grid/reference-grid.tsx
+++ b/packages/sn-controls-react/src/fieldcontrols/reference-grid/reference-grid.tsx
@@ -26,8 +26,8 @@ const styles = {
   },
   listContainer: {
     display: 'inline-block',
-    marginTop: 10,
     minWidth: 250,
+    padding: 0,
   },
 }
 
@@ -234,9 +234,9 @@ export const ReferenceGrid: React.FC<ReferenceGridProps> = (props) => {
     default: {
       return (
         <FormControl style={styles.root as any}>
-          <InputLabel shrink={true} htmlFor={props.settings.Name}>
+          <Typography variant="caption" gutterBottom={true}>
             {props.settings.DisplayName}
-          </InputLabel>
+          </Typography>
           <FormGroup>
             {fieldValue ? (
               <List dense={true} style={styles.listContainer}>