hopefully final commit

src/lib/components/recipes/RecipeTable.svelte

@@ -13,8 +13,7 @@
 
 </script>
 
-<table class="table my-0" id="dataTable">
+<table>
-    <thead>
     <tr>
         <th>Name</th>
         <th>Ingredients</th>
@@ -22,7 +21,6 @@
         <th>Rating</th>
         <th></th>
     </tr>
-    </thead>
     <tbody>
         {#if recipes}
             {#each recipes as recipe}
@@ -34,10 +32,11 @@
 
 <style>
     table {
-        width: 90%;
+        width: 100%;
         margin: auto;
-        background-color: var(--bs-dark-rgb);
+        background-color: #141618;
         border-radius: 10px;
+        max-height: 500px;
     }
 
     th {
@@ -48,6 +47,6 @@
     }
 
     tr:nth-child(odd) {
-        background-color: var(--bs-dark-rgb);
+        background-color: #1c1c22;
     }
 </style>

src/lib/components/recipes/RecipleEntry.svelte

@@ -14,7 +14,7 @@
     <td>{data.name}</td>
     <td>{data.ingredients.length || 0}</td>
     <td>{data.instructions.length || 0}</td>
-    <td>{Math.round(data.rating/((data.ratingCount == 0 ) ? data.ratingCount++ : data.ratingCount))} / 5</td>
+    <td>{Math.round(data.rating/((data.ratingCount == 0 ) ? 1 : data.ratingCount))} / 5</td>
     <td>
         <button on:click={openRecipe} class="btn btn-primary">Open</button>
     </td>

src/routes/+page.svelte

@@ -79,9 +79,9 @@
     </div>
 </section>
 <section class="py-5 mt-5">
-    <div class="container py-5" style="padding: 48px 12px;padding-top: 48px;">
+    <div class="container" style="padding: 25px 12px;">
-        <div class="row mb-5" style="height: 200px;">
+        <div class="row mb-5" >
-            <div class="col-md-8 col-xl-6 text-center mx-auto" style="height: 200px;">
+            <div class=" text-center">
                 { #if $page.data.authInfo }
                     <h2 class="fw-bold" style="font-size: 60px;"><a href="/survey"><strong>Decide Your Next Bite!</strong></a></h2>
                     <RecipeTable />
@@ -91,6 +91,6 @@
                 { /if }
             </div>
         </div>
-        <p style=" margin: auto; text-align:center; font-size: 1.6rem;">Submitted for VTHacks-12</p>
+        <p style="margin: auto; text-align:center; font-size: 1.6rem;">Submitted for VTHacks-12</p>
     </div>
 </section>