market changes

frontend/static/style.css

@@ -722,16 +722,52 @@ input[type=checkbox]{
 
 /*     *****************   FOOTER     ************************      */
 .market-data-container{
-    display:flex;
-    justify-content: center;
-    align-items: center;
     width:90%;
     max-width: 900px;
     padding-left: 20px;
 }
 .market-data-title{
     font-size: 30px;
-    justify-content: center;
+    float:left;
+}
+
+
+table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-top: 20px; /* Add margin for spacing */
+}
+
+th, td {
+    border: 1px solid #ddd; /* Add borders to cells */
+    padding: 8px;
+    text-align: left;
+}
+
+th {
+    background-color: #f2f2f2;
+}
+
+/* Add inner lines to cells */
+th:first-child, td:first-child {
+    border-left: none;
+}
+
+th:last-child, td:last-child {
+    border-right: none;
+}
+
+/* Style the table header */
+th {
+    background-color: #f2f2f2;
+    font-weight: bold;
+    text-align: center;
+    padding: 12px;
+}
+
+/* Add some spacing between cells */
+td {
+    padding: 10px;
 }
 
 

frontend/templates/marketdata.html

@@ -13,7 +13,7 @@
         <!--************************   HEADER  ****************-->
         <logo><a href="/">SeatStock</a></logo>
         {% if session %}
-        <signinButton><a href="logout">({{ session.userinfo.name }}) Sign Out</a></signinButton>
+        <signinButton><a href="logout"><img height="24" width="24" src="{{ session.userinfo.picture }}"/> Sign Out</a></signinButton>
         {% else %}
         <signinButton><a href="login">Sign In</a></signinButton>
         {% endif %}
@@ -21,13 +21,32 @@
         <tixButton><a href="tickets">My Tickets</a></tixButton>
 
 
-
          <!--************************  BODY  ****************-->
-         <div class="market-data-container">
-            <div class="market-data-title">
-                 <br><br> <b>Market Data:</b>
-            </div>
-         </div>
+         
+        <div class="market-data-title">
+                <br><br><br><br> <b>Market Data:</b> 
+        </div>
+        <br><br>
+        <table>
+            <thead>
+                <tr>
+                    <th>Date:</th>
+                    <th>Price</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>Data 1</td>
+                    <td>Data 2</td>
+                </tr>
+                <tr>
+                    <td>Data 4</td>
+                    <td>Data 5</td>
+
+                </tr>
+            </tbody>
+        </table>
+