Finished receipt.html!

acmucsd-projects · Sep 16, 2024 · 80a8151 · 80a8151
1 parent 81b0a68
commit 80a8151
Show file tree

Hide file tree

Showing 5 changed files with 35 additions and 22 deletions.
diff --git a/source/css/index.css b/source/css/index.css
@@ -63,12 +63,13 @@
 .info-splurge h2 {
   font-size: 2.5em;
   padding: 0;
-  margin-bottom: 0;
+  margin-bottom: 0.5em;
 }
 
 .info-splurge p {
-  font-size: 1.75em;
+  font-size: 1.5em;
   margin-top: 0;
+  font-weight: 400;
 }
 
 .header-links {

diff --git a/source/css/make-list.css b/source/css/make-list.css
@@ -31,12 +31,15 @@
 #editListBtn {
     background-color: transparent; /* Dark Blue */
     border: none;
-    font-size: large;
-
+    font-size: 0.75em;
     font-weight: bold;
     cursor: pointer;
 }
 
+#listHeading {
+    font-size: 1.1em;
+}
+
 .menuBTN {
     background-color: #7c9e57; /* Green */
     border: none;

diff --git a/source/css/receipt.css b/source/css/receipt.css
@@ -1,13 +1,13 @@
 .display {
-  background-color: #f3e9ce;
+  background-color: #EFF0E5;
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: flex-start;
   overflow-y: auto;
   border-radius: 1em;
   padding: 1.5em 1.25em;
-  margin: 1em 2em;
+  margin: 0 2em;
   height: auto;
 }
 

diff --git a/source/make-list.html b/source/make-list.html
@@ -40,18 +40,16 @@ <h1>Go Go Grocery</h1>
 
             <div>
                 <div class='title'>
-                    <div class='list-name'><h1>
-                        <span id="listHeading">Current List Name</span>
-                        <button id="editListBtn"><i class="fas fa-pencil-alt"></i></button>
-                    </h1> 
-
-
+                    <div class='list-name'>
+                        <h1>
+                            <span id="listHeading">Current List Name</span>
+                            <button id="editListBtn"><i class="fas fa-pencil-alt"></i></button>
+                        </h1> 
                     </div>
                     <div class="next-page-buttons">
                         <button class="menuBTN" id="addItemBtn" onclick="location.href = './item-price.html';">Add Item</button>
                         <!-- <div class='divider'>hs</div> -->
                         <button class="menuBTN" id="receiptPageBtn" onclick="location.href= './compare-stores.html';">Finished With Your List?</button>
-
                     </div>
 
                 </div>

diff --git a/source/receipt.html b/source/receipt.html
@@ -11,21 +11,32 @@
 
     <body>
         <header>
-            <img src="./assets/images/final-icon1.png" alt="placeholder icon" width="70" height="70" title="&#x1F60E">
+            <img id="home-button-logo" src="./assets/images/final-icon1.png" alt="placeholder icon" width="70" height="70" title="&#x1F60E" onclick="location.href='./index.html';">
             <h1>Go Go Grocery</h1>
-            <a>Search</a>
-            <a href="./make-list.html">Shopping List</a>
-            <a href="./user-page.html">Sign In</a>
+            <div class="header-links">
+                <div class="icon+link">
+                    <img src="./assets/images/search-icon-black.png" width="20" height="20">
+                    <a href="./user-page.html">Search Items</a>
+                </div>
+                <div class="icon+link">
+                    <img src="./assets/images/cart3.png" width="20" height="20">
+                    <a href="./make-list.html">Shopping List</a>
+                </div>
+                <div class="icon+link">
+                    <img src="./assets/images/person-icon.png" width="20" height="20">
+                    <a href="./user-page.html">Sign In</a>
+                </div>
+            </div>
         </header>
-
+        <br>
+        <br>
         <main>
             <div class="display">
                 <div id="user-details">
                     <div id="title-icon">
-                        <h1>Username's Day Grocery Run</h1>
-                        <button  class="pencil" type="button">
-                            <img class="pencil"id="pencil-icon" src="./assets/images/pencil-icon.png" alt="edit-list-name">
-                        </button>
+                        <h1>
+                            <span id="listHeading">Current List Name</span>
+                        </h1>
                     </div>
                     <h2>Created Month, Day Year</h2>
                     <div class="layout">