From 2d686916b81f04aa98880c70e069a1f928087588 Mon Sep 17 00:00:00 2001
From: Kylart <garnier@et.esiea.fr>
Date: Tue, 11 Jul 2017 11:05:58 +0200
Subject: [PATCH] News seem ok

---
 layouts/default.vue |  9 ++++++++-
 pages/news.vue      | 42 +++++++++++++++++++++---------------------
 store/index.js      |  2 +-
 3 files changed, 30 insertions(+), 23 deletions(-)

diff --git a/layouts/default.vue b/layouts/default.vue
index 5a3dd79..297a4ec 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -75,7 +75,7 @@
       </v-btn>
     </v-toolbar>
 
-    <main style="min-height: 91vh; padding-top: 48px;">
+    <main class="m">
       <nuxt></nuxt>
     </main>
 
@@ -184,6 +184,13 @@
 </script>
 
 <style scoped>
+  .m
+  {
+    min-height: 91vh;
+    margin: 48px 0 0;
+    padding: 0;
+  }
+
   .ripple
   {
     position: relative;
diff --git a/pages/news.vue b/pages/news.vue
index 67d4a1b..78db342 100644
--- a/pages/news.vue
+++ b/pages/news.vue
@@ -1,43 +1,42 @@
 <template>
-  <v-container fluid>
+  <div>
     <loader v-if="!$store.state.news.length"></loader>
 
     <v-container fluid v-else>
-      <v-row class="news-container">
-        <v-col xs12 class="refresh-button-container">
+      <v-layout row wrap class="news-container">
+        <v-flex xs12 class="refresh-button-container">
           <v-btn icon
                  class="refresh-button"
                  @click.native="refresh()">
             <v-icon large>refresh</v-icon>
           </v-btn>
-        </v-col>
-        <v-col xs12
+        </v-flex>
+        <v-flex xs12
                class="elem elevation-3"
                v-ripple="true"
                v-for="item in $store.state.news" :key="item.name">
-          <v-row>
-            <v-col xs12>
+          <v-layout row wrap>
+            <v-flex xs12>
               <h3 class="title">{{ item.title }}</h3>
-            </v-col>
-            <v-col md2 xs3 class="image">
-              <img :src="item.image" height="220" max-width="20%"/>
-            </v-col>
-            <v-col md10 xs9>
-              <v-row>
-                <v-col xs12><p class="synopsis">{{ item.text }}</p></v-col>
-              </v-row>
+            </v-flex>
+            <v-flex md2 xs3 >
+              <img :src="item.image" class="image"/>
+            </v-flex>
+            <v-flex md10 xs9>
+              <v-layout row wrap>
+                <v-flex xs12><p class="synopsis">{{ item.text }}</p></v-flex>
+              </v-layout>
               <v-row xs12 class="link">
                 <div class="button-container">
                   <v-btn secondary block @click.native="open(item.link)">Open</v-btn>
                 </div>
               </v-row>
-            </v-col>
-          </v-row>
-        </v-col>
-      </v-row>
+            </v-flex>
+          </v-layout>
+        </v-flex>
+      </v-layout>
     </v-container>
-
-  </v-container>
+  </div>
 </template>
 
 <script>
@@ -134,6 +133,7 @@
   .image
   {
     height: 220px;
+    max-width: 100%;
   }
 
   .synopsis
diff --git a/store/index.js b/store/index.js
index 50f1979..09abde2 100644
--- a/store/index.js
+++ b/store/index.js
@@ -236,7 +236,7 @@ const store = new Vuex.Store({
 
         dispatch('releasesInit').catch(err => { void (err) })
         dispatch('seasonsInit').catch(err => { void (err) })
-        // dispatch('newsInit').catch(err => { void (err) })
+        dispatch('newsInit').catch(err => { void (err) })
         dispatch('localInit').catch(err => { void (err) })
         dispatch('listInit').catch(err => { void (err) })
         dispatch('getHistory').catch(err => { void (err) })