Endra listene på meny, og småendringer i handlekurv.html

css/style.css

@@ -410,6 +410,37 @@ footer {
     margin:0px;
     padding:0px;
 }
+
+.menyListe{
+    width: 50%;
+    margin-left: auto;
+    margin-right: auto;
+
+    
+}
+
+.menyListeVenstre{
+    width: 80%;
+    display: inline-block;
+    text-align: left;
+}
+
+.menyListeHoyre{
+    width: 18%;
+    display: inline-block;
+    text-align: right;
+}
+
+.menyLinje{
+    width: 100%;
+    height: 2px;
+    background-color: black;
+}
+
+.menyListeBesk{
+    font-size: 11px;
+    font-weight: bold;
+}
 /* CSS below is for om_oss.html */
 
 #matrix {

css/styleHandlekurv.css

@@ -10,6 +10,12 @@
     background-color: #FFE119;
 }
 
+footer{
+    position: absolute;
+    top: 100%;
+    transform: translate(0, -100%);
+}
+
 #coTimeSelect,#coBestill, #coRabattInput, .coVareKnapp{
     height: 30px;
     border: solid 1px;

js/handlekurv.js

@@ -23,8 +23,6 @@ const varer = [
     }
 ];
     
-const handlekurv = JSON.parse(localStorage.getItem("handlekurv"));
-    
 for(let vare of varer){
     let index = vare.index;
     let submit = document.getElementById("submitIndex" + index);

meny.html

@@ -64,11 +64,14 @@
                 <header>
                     <h1> Burgere</h1>
                 </header>
-                <ul>
-                    <li id="Standard">Standard burger&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;120kr </li>
-                    <p id="pm">Ost, Salsa, Jalapeño&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;<button class="menybutton"> Buy Me!</button></p>
-                    <li id="Chilli">Chilli Cheese burger&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;120kr</li>
-                    <p id="pm">Blue Cheese, Salsa, Jalapeño&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;<button class="menybutton"> Buy Me!</button></p>
+                <ul class="menyListe">
+                    <li>
+                        <div class="menyListeVenstre">Burger</div>
+                        <div class="menyListeHoyre">100,-</div>
+                        <div class="menyLinje"></div>
+                        <div class="menyListeVenstre menyListeBesk">Ost, Salsa, Jalapeño</div>
+                        <div class="menyListeHoyre"><button class="menybutton"> Buy Me!</button></div>
+                    </li>
                 </ul>
             </section>