diff --git a/client/src/App.css b/client/src/App.css index d09e29e515cc1a876f3fe723c2d6397a6d82fb9a..a46648f0abf96fb2a77da4f6da18bd6b9dbc8440 100644 --- a/client/src/App.css +++ b/client/src/App.css @@ -57,9 +57,12 @@ } } -table { +#tableContainer{ position: absolute; margin-top: 5vh; +} + +table { table-layout:fixed; width: 100%; text-align: center; diff --git a/client/src/components/PrintTable.tsx b/client/src/components/PrintTable.tsx index 4ab3331ce048ccc05996ed082dfac97cace64dec..290bc9a1262925af2f77440231e1598553952c52 100644 --- a/client/src/components/PrintTable.tsx +++ b/client/src/components/PrintTable.tsx @@ -1,7 +1,7 @@ // Returns list of movies function PrintTable(props: any) { return ( - <table> + <div id="tableContainer"><table> <thead> <tr> <th>Title</th> @@ -23,7 +23,7 @@ function PrintTable(props: any) { <td><img className="thumbnails" src = {row.cover_image} alt={row.title}></img></td> </tr>; }) - }</tbody></table> + }</tbody></table></div> ) }