From 405331f7cbf83cc25c4c94da39025741e1509a6f Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Thu, 10 Oct 2019 14:50:44 +0200
Subject: [PATCH 1/2] Make event header picture display as background cover

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/views/Event/Event.vue | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/js/src/views/Event/Event.vue b/js/src/views/Event/Event.vue
index 70f6aefb8..b2e5e8f51 100644
--- a/js/src/views/Event/Event.vue
+++ b/js/src/views/Event/Event.vue
@@ -3,13 +3,13 @@
     <b-loading :active.sync="$apollo.loading"></b-loading>
     <transition appear name="fade" mode="out-in">
       <div v-if="event">
-        <div class="header-picture container">
-          <figure class="image is-3by1" v-if="event.picture">
+        <div class="header-picture" :style="`background-image: url('${event.picture ? event.picture.url : 'https://picsum.photos/600/200/'}')`">
+          <!--<figure class="image is-3by1" v-if="event.picture">
             <img :src="event.picture.url">
           </figure>
           <figure class="image is-3by1" v-else>
             <img src="https://picsum.photos/600/200/">
-          </figure>
+          </figure>-->
         </div>
           <section>
             <div class="title-and-participate-button">
@@ -495,6 +495,14 @@ export default class Event extends EventMixin {
     opacity: 0;
   }
 
+  .header-picture {
+    height: 400px;
+    background-size: cover;
+    // background-position: center center;
+    background-attachment: fixed;
+    background-repeat: no-repeat;
+  }
+
   div.sidebar {
     display: flex;
     flex-wrap: wrap;

From 7c3a6a223eadad081967bfc499c21e8ae1012082 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Thu, 10 Oct 2019 14:56:20 +0200
Subject: [PATCH 2/2] Fix failing cypress test

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/tests/e2e/specs/register.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/js/tests/e2e/specs/register.js b/js/tests/e2e/specs/register.js
index 602dcdf70..9cc3aa1b2 100644
--- a/js/tests/e2e/specs/register.js
+++ b/js/tests/e2e/specs/register.js
@@ -43,7 +43,7 @@ describe('Registration', () => {
     cy.get('form .field').first().contains('label', 'Username').parent().find('input').type('tester');
     cy.get('form .field').eq(2).contains('label', 'Displayed name').parent().find('input').type('tester account');
     cy.get('form .field').eq(3).contains('label', 'Description').parent().find('textarea').type('This is a test account');
-    cy.get('form .field').last().contains('button', 'Create my profile').click();
+    cy.get('.control.has-text-centered').contains('button', 'Create my profile').click();
 
     cy.contains('article.message.is-success', 'Your account is nearly ready, tester').contains('A validation email was sent to user@email.com');