fix: align glasses

Author: daniele-mng

src/web/entities/entitynametabledata.jsx

@@ -26,9 +26,9 @@ const EntityNameTableData = ({
   children,
   onToggleDetailsClick,
 }) => (
-  <TableData flex="column">
-    <Layout align="space-between">
-      <Layout flex="column">
+  <TableData>
+    <Layout align={'space-between'} columns={2}>
+      <div>
         {entity.isOrphan() && <b>{_('Orphan')}</b>}
         {isDefined(onToggleDetailsClick) ? (
           <span>
@@ -45,19 +45,22 @@ const EntityNameTableData = ({
             {entity.deprecated && <b> ({_('Deprecated')})</b>}
           </span>
         )}
+        {isDefined(entity.comment) && <Comment>({entity.comment})</Comment>}
+        {children}
+      </div>
+      <Layout alignItems="center">
+        <ObserverIcon
+          displayName={displayName}
+          entity={entity}
+          userName={username}
+        />
       </Layout>
-      <ObserverIcon
-        displayName={displayName}
-        entity={entity}
-        userName={username}
-      />
     </Layout>
-    {isDefined(entity.comment) && <Comment>({entity.comment})</Comment>}
-    {children}
   </TableData>
 );
 
 EntityNameTableData.propTypes = {
+  children: PropTypes.node,
   displayName: PropTypes.string.isRequired,
   entity: PropTypes.model.isRequired,
   links: PropTypes.bool,

src/web/pages/tasks/row.jsx

@@ -92,10 +92,13 @@ const Row = ({
   return (
     <TableRow>
       <TableData>
-        <Layout align="space-between">
-          <RowDetailsToggle name={entity.id} onClick={onToggleDetailsClick}>
-            {entity.name}
-          </RowDetailsToggle>
+        <Layout align={'space-between'} columns={2}>
+          <div>
+            <RowDetailsToggle name={entity.id} onClick={onToggleDetailsClick}>
+              {entity.name}
+            </RowDetailsToggle>
+            {entity.comment && <Comment>({entity.comment})</Comment>}
+          </div>
           <IconDivider>
             {entity.alterable === 1 && (
               <AlterableIcon size="small" title={_('Task is alterable')} />
@@ -129,7 +132,6 @@ const Row = ({
             )}
           </IconDivider>
         </Layout>
-        {entity.comment && <Comment>({entity.comment})</Comment>}
       </TableData>
       <TableData>
         <TaskStatus links={links} task={entity} />