knappefarger og cursor

cypress/fixtures/exampleItem.json

+{
+  "item":{
+    "id": "1",
+    "name":"eple",
+    "amount": {"quantity": "4","unit": "stk"},
+    "image_url": ""
+  },
+  "exp_date": "2222-02-22T00:00:00+00:00",
+  "amount": {"quantity": "2","unit": "stk"}
+}

src/components/ItemSearch.vue

@@ -98,6 +98,7 @@ button {
 button:hover {
     border: 1px solid base.$grey;
     background-color: base.$green;
+    cursor: pointer;
 
 
 }

src/views/FridgeView.vue

@@ -78,7 +78,7 @@ h1 {
 
 #itemContainer {
     background-color: base.$grey;
-  padding-bottom: 5em;
+    padding-bottom: 5em;
 }
 
 #addItemBtn {
@@ -87,19 +87,23 @@ h1 {
   border-radius: 50%;
   font-size: 30px;
   border:none;
-  background-color: base.$green;
+  background-color: base.$light-green;
   color: white;
   box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
 }
 
-#addItemBtn-container {
+#addItemBtn:hover {
+  background-color: base.$green;
+  color: white;
+  box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
+  cursor: pointer;
+}
 
+#addItemBtn-container {
   padding-bottom: 9em;
-
   z-index: 9999;
   position: fixed;
   bottom: 15px;
   right: 1em;
 }
-
 </style>
\ No newline at end of file