Merge pull request #6 from Achintha444/HCI-yogya

Update post-login page UI

Author: Achintha444

pages/formatdoc.tsx

@@ -16,9 +16,10 @@ export function FormatDocPage(props): JSX.Element {
       <tr>
         <td>
           <span className="admin">
-            <div style={{ textAlign: 'center' }}>
-              <table style={{ width: '500px' }}>
+            <div>
+              <table style={{width: '500px', paddingLeft:'15px' }}>
                 <tbody>
+                  <br></br>
                   <tr>
                     <td>
                       Blank lines separate paragraphs.

pages/login.tsx

@@ -67,7 +67,7 @@ function LoginPage(props: ILoginPageProps): JSX.Element {
   return (
     <LoginLayout>
       <div>
-        {message && <p style={{display: 'flex',  justifyContent:'center', alignItems:'center'}}>{message}</p>}
+        {message && <p style={{display: 'flex',  justifyContent:'center', alignItems:'center', color: '#f1080e'}}>{message}</p>}
         <br />
         <b style={{display: 'flex',  justifyContent:'center', alignItems:'center'}}>Login</b>
         <br />

pages/user.tsx

@@ -77,13 +77,14 @@ function UserPage(props: IUserPageProps): JSX.Element {
 
   if (data?.me && data?.user.id === data.me.id)
     return (
-      <MainLayout currentUrl={router.pathname} isFooterVisible={false}>
+      <MainLayout currentUrl={router.pathname} isFooterVisible={true}>
         <tr>
           <td>
             <form className="profileform" method="post" action="/xuser">
               <input type="hidden" name="id" value="clintonwoo" />
               <input type="hidden" name="hmac" value="71104445c3c41b4167c38db67a656e610d5fbad9" />
-              <table style={{ border: '0px' }}>
+              <br/>
+              <table style={{display: 'flex',  justifyContent:'center', alignItems:'center', border: '0px'}}>
                 <tbody>
                   <tr className="athing">
                     <td style={{ verticalAlign: 'top' }}>user:</td>
@@ -249,7 +250,10 @@ function UserPage(props: IUserPageProps): JSX.Element {
                 </tbody>
               </table>
               <br />
-              <input type="submit" value="update" />
+              <br/>
+              <div style={{display: 'flex',  justifyContent:'center', alignItems:'center'}}>
+                <input type="submit" value="update" />
+              </div>
             </form>
             <br />
             <br />
@@ -259,10 +263,11 @@ function UserPage(props: IUserPageProps): JSX.Element {
     );
 
   return (
-    <MainLayout currentUrl={router.pathname} isFooterVisible={false}>
+    <MainLayout currentUrl={router.pathname} isFooterVisible={true}>
       <tr>
         <td>
-          <table style={{ border: '0' }}>
+          <br/>
+          <table style={{display: 'flex',  justifyContent:'center', alignItems:'center', border: '0px'}}>
             <tbody>
               <tr className="athing">
                 <td style={{ verticalAlign: 'top' }}>user:</td>