Profilmeldinger

src/components/EatFridgeItemModal.vue

 <template>
   <div v-if="visible" id="popup">
-      <div id="exitBtn" @click="close"><Icon  icon="mdi:alpha-x-box" :color="redIconColor" :style="{ fontSize: redIconSize }" /></div>
+      <div id="exitBtn" @click="close"><button :aria-label="'close menu'">X</button></div>
 
       <h2>{{ this.fridgeItem.item.name }}</h2>
       <p id="sliderDisplay">{{sliderValue}} {{this.fridgeItem.amount.unit}}</p>
@@ -66,6 +66,7 @@ export default {
           };
 
           API.updateFridge(request)
+
               .catch((error)=>
                   console.log(error)
               );
@@ -159,6 +160,15 @@ export default {
 
 }
 
+#exitBtn button {
+    width:2em;
+    height:2em;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 1em;
+}
+
 button {
   margin:.1em;
   font-weight: bolder;