Fixed layout issue on my settings page

Signed-off-by: Aashir Siddiqui <aashir_sidiki@hotmail.com>

galasa-ui/src/components/MySettingsPage.tsx

@@ -118,15 +118,15 @@ export default function MySettingsPage() {
             <h5 className={styles.heading}>An access token is a unique secret key held by a client program so it has permission to use the Galasa service</h5>
             <h5 className={styles.heading}>A token has the same access rights as the user who allocated it.</h5>
           </div>
+        </div>
 
-          <div className={styles.btnContainer}>
+        <div className={styles.btnContainer}>
             <TokenRequestModal isDisabled={selectedTokens.size > 0 ? true : false} />
 
             <Button onClick={() => setIsDeleteModalOpen(true)} className={styles.deleteBtn} disabled={selectedTokens.size === 0} kind="danger">
                             Delete {selectedTokens.size} selected access tokens
             </Button>
           </div>
-        </div>
 
         <div title="Access Tokens" className={styles.tokensList}>
           {

galasa-ui/src/styles/MySettings.module.css

@@ -23,6 +23,12 @@
     margin: 0 auto;
 }
 
+.btnContainer {
+    display: flex;
+    margin-top: 1rem;
+    justify-content: flex-end;
+}
+
 .tokensList{
     display: flex;
     flex-wrap: wrap;