Move actions to the right

1 files changed, 4 insertions, 4 deletions

diff --git a/modern/src/settings/CalendarsPage.js b/modern/src/settings/CalendarsPage.js
index a3ff51d5..3f4aa3d3 100644
--- a/modern/src/settings/CalendarsPage.js
+++ b/modern/src/settings/CalendarsPage.js
@@ -12,8 +12,8 @@ import CollectionActions from './components/CollectionActions';
 
 const useStyles = makeStyles((theme) => ({
   columnAction: {
-    width: theme.spacing(1),
-    padding: theme.spacing(0, 1),
+    width: '1%',
+    paddingRight: theme.spacing(1),
   },
 }));
 
@@ -39,17 +39,17 @@ const CalendarsPage = () => {
         <Table>
           <TableHead>
             <TableRow>
-              <TableCell className={classes.columnAction} />
               <TableCell>{t('sharedName')}</TableCell>
+              <TableCell className={classes.columnAction} />
             </TableRow>
           </TableHead>
           <TableBody>
             {items.map((item) => (
               <TableRow key={item.id}>
+                <TableCell>{item.name}</TableCell>
                 <TableCell className={classes.columnAction} padding="none">
                   <CollectionActions itemId={item.id} editPath="/settings/calendar" endpoint="calendars" setTimestamp={setTimestamp} />
                 </TableCell>
-                <TableCell>{item.name}</TableCell>
               </TableRow>
             ))}
           </TableBody>