From 3344af6e9033ee57d266154be17ac4619930dc7e Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Sun, 11 Oct 2020 23:37:19 +0200
Subject: [PATCH] Cleaup, grid replaced with flex for new Wine.vue..

---
 src/components/AllRequestedWines.vue | 46 +++++-----------------------
 1 file changed, 8 insertions(+), 38 deletions(-)

diff --git a/src/components/AllRequestedWines.vue b/src/components/AllRequestedWines.vue
index 9297427..ae0db86 100644
--- a/src/components/AllRequestedWines.vue
+++ b/src/components/AllRequestedWines.vue
@@ -1,10 +1,10 @@
 <template>
-  <main>
-    <h1>
-      Alle foreslåtte viner
-    </h1>
+  <main class="container">
+    <h1>Alle foreslåtte viner</h1>
+
     <section class="requested-wines-container">
       <p v-if="wines == undefined || wines.length == 0">Ingen har foreslått noe enda!</p>
+
       <RequestedWineCard v-for="requestedEl in wines" :key="requestedEl.id" :requestedElement="requestedEl" @wineDeleted="filterOutDeletedWine" :showDeleteButton="isAdmin"/>
     </section>
   </main>
@@ -42,39 +42,9 @@ export default {
 @import "../styles/media-queries.scss";
 
 .requested-wines-container{
-  display: grid;
-  grid-gap: 1.5rem;
-  justify-items: center;
-
-  @include mobile {
-    display: flex;
-    justify-content: space-around;
-    flex-flow: row wrap;
-    row-gap: 1.5rem;
-    margin: 2rem;
-  }
-
-  @include tablet {
-    margin: 1em;
-    grid: 1fr / 1fr 1fr;
-    justify-items: center;
-  }
-
-  @include desktop {
-    margin: 1em;
-    grid: 1fr / repeat(4, 1fr);
-  }
-
-  @include widescreen {
-    width: 80%;
-    margin: auto;
-    grid: 1fr / repeat(5, 1fr);
-    justify-items: center;
-  }
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-evenly;
+  align-items: flex-start;
 }
-
-h1{
-  text-align: center;
-}
-
 </style>
\ No newline at end of file