From d14bcae5bfa34d81d6531647671f340155be9c9e Mon Sep 17 00:00:00 2001
From: Liam Stamper <136619788+liamstamper@users.noreply.github.com>
Date: Sun, 24 Sep 2023 13:41:17 -0500
Subject: [PATCH] market changes

---
 frontend/static/style.css          | 44 +++++++++++++++++++++++++++---
 frontend/templates/marketdata.html | 33 +++++++++++++++++-----
 2 files changed, 66 insertions(+), 11 deletions(-)

diff --git a/frontend/static/style.css b/frontend/static/style.css
index 9dd5a39..939bc8d 100644
--- a/frontend/static/style.css
+++ b/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;
 }
 
 
diff --git a/frontend/templates/marketdata.html b/frontend/templates/marketdata.html
index b358300..2e3cbc3 100644
--- a/frontend/templates/marketdata.html
+++ b/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>
+