#133 Fixed alignement in the tables

compgirl123 · Jan 21, 2020 · 486f0d1 · 486f0d1
1 parent 2122f39
commit 486f0d1
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 16 deletions.
diff --git a/tutify/src/components/ProfilePage/UserCoursesInfo.js b/tutify/src/components/ProfilePage/UserCoursesInfo.js
@@ -26,6 +26,7 @@ class UserCoursesInfo extends React.Component {
               My Courses
              </Box>
           </Typography>
+
           <Table size="medium">
             <TableBody>
               <TableCell>
@@ -41,22 +42,21 @@ class UserCoursesInfo extends React.Component {
                   <TableCell padding="none">
                     <Avatar className={classes.avatar} style={{ width: '15px', height: '15px' }}></Avatar>
                   </TableCell>
-                  <TableCell style={{ fontSize: '12pt' }} scope="row">
+                  <TableCell style={{ fontSize: '12pt' }}>
                   {c.course.name}
                   </TableCell>
                   <TableCell></TableCell> 
                   <TableCell></TableCell>
-
                 </TableRow>
+
               ))}
-
-                <br/>
-                    <Fab variant="extended" aria-label="add" fontSize="small" className={classes.courseButton}>
+            </TableBody>
+          </Table>
+          <br/>
+                    <Fab variant="extended" href="/courses" aria-label="add" fontSize="small" className={classes.courseButton}>
                       <CloudUploadIcon fontSize="small" style={{ width: '15px', height: '15px' }} />
                       &nbsp; View Documents
                     </Fab>
-            </TableBody>
-          </Table>
           <br />
         </CardContent>
       </Card>

diff --git a/tutify/src/components/ProfilePage/UserTutorsInfo.js b/tutify/src/components/ProfilePage/UserTutorsInfo.js
@@ -4,14 +4,12 @@ import * as tutifyStyle from '../../styles/ProfilePage-styles';
 import { withStyles } from "@material-ui/core/styles";
 import Card from '@material-ui/core/Card';
 import CardContent from '@material-ui/core/CardContent';
-import Fab from '@material-ui/core/Fab';
 import Box from '@material-ui/core/Box';
 import Table from '@material-ui/core/Table';
 import TableBody from '@material-ui/core/TableBody';
 import TableCell from '@material-ui/core/TableCell';
 import TableRow from '@material-ui/core/TableRow';
 import Avatar from '@material-ui/core/Avatar';
-import MessageIcon from '@material-ui/icons/Message';
 
 class UserTutorsInfo extends React.Component {
 
@@ -40,13 +38,13 @@ class UserTutorsInfo extends React.Component {
                   <TableCell padding="none" >
                     <Avatar className={classes.avatar} style={{ width: '15px', height: '15px' }}></Avatar>
                   </TableCell>
-                  <TableCell style={{ fontSize: '12pt' }} scope="row" >
+                  <TableCell style={{ fontSize: '12pt' }}>
                     {tutor.first_name + " " + tutor.last_name}
                   </TableCell>
                   <TableCell></TableCell> 
                   <TableCell></TableCell> 
                   </TableRow>
-              ))}       
+              ))} 
             </TableBody>
           </Table>
         </CardContent>

diff --git a/tutify/src/components/TutorProfile/TutorStudentsInfo.js b/tutify/src/components/TutorProfile/TutorStudentsInfo.js
@@ -88,7 +88,7 @@ class TutorStudentsInfo extends React.Component {
                     <Avatar className={classes.avatar} style={{ width: '15px', height: '15px' }}></Avatar>
 
                   </TableCell>
-                  <TableCell style={{ fontSize: '12pt' }} >
+                  <TableCell style={{ fontSize: '12pt' }}>
                     {student.first_name} {" "}
                     {student.last_name}
 
@@ -99,7 +99,10 @@ class TutorStudentsInfo extends React.Component {
                  ))}
 
                 <br />
-                <Fab
+
+            </TableBody>
+          </Table>
+          <Fab
                       variant="extended"
                       aria-label="add"
                       href="/Announcements"
@@ -108,9 +111,6 @@ class TutorStudentsInfo extends React.Component {
                       <MessageIcon fontSize="small" style={{ width: '15px', height: '15px' }} />   &nbsp;
                       Message
                 </Fab>
-
-            </TableBody>
-          </Table>
         </CardContent>
 
       </Card>