Move add role button

frontend/src/routes/sponsor/guest/guestInfo/index.tsx

@@ -259,17 +259,7 @@ export default function GuestInfo({
       </Button>
 
       <h2>{t('guestInfo.roleInfoHead')}</h2>
-      <h3>
-        {t('guestInfo.roleInfoBody')}
-        <Button
-          variant="contained"
-          color="secondary"
-          component={Link}
-          to={`/sponsor/guest/${pid}/newrole`}
-        >
-          {t('sponsor.addRole')}
-        </Button>
-      </h3>
+      <h3>{t('guestInfo.roleInfoBody')}</h3>
 
       <TableContainer component={Paper}>
         <Table sx={{ minWidth: 650 }} aria-label="simple table">
@@ -285,6 +275,18 @@ export default function GuestInfo({
             {guest.roles.map((role) => (
               <RoleLine key={role.id} pid={pid} role={role} />
             ))}
+            <TableRow>
+              <TableCell align="left">
+                <Button
+                  variant="contained"
+                  color="secondary"
+                  component={Link}
+                  to={`/sponsor/guest/${pid}/newrole`}
+                >
+                  {t('sponsor.addRole')}
+                </Button>
+              </TableCell>
+            </TableRow>
           </TableBody>
         </Table>
       </TableContainer>