From 747eb622b3273cafa83faa3b55d45f320ea93fe7 Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
Date: Thu, 25 Jun 2020 18:52:15 +0200
Subject: [PATCH] first try to display the picture of project on edit-page

---
 src/styles/base/form.scss               |  3 ++-
 src/styles/base/main.scss               | 24 ++++++++++++++++++++++++
 src/views/project/page-project-edit.pug |  4 ++--
 3 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/src/styles/base/form.scss b/src/styles/base/form.scss
index ad3c93b..9234516 100644
--- a/src/styles/base/form.scss
+++ b/src/styles/base/form.scss
@@ -7,6 +7,7 @@
   @include breakpoint(lg) {
     display: flex;
     flex-direction: column;
+    margin-bottom: 0;
     transition: all .3s ease;
   }
 }
@@ -31,7 +32,7 @@
     left: 0;
     margin: 0;
     margin-left: auto;
-    margin-top: 109px;
+    margin-top: 32px;
     position: relative;
     width: auto;
   }
diff --git a/src/styles/base/main.scss b/src/styles/base/main.scss
index 23a12a6..29c3cc5 100644
--- a/src/styles/base/main.scss
+++ b/src/styles/base/main.scss
@@ -279,6 +279,30 @@ h5 {
   width: 15vw;
 }
 
+.project-edit-logo {
+  display: flex;
+  height: 8.5vh;
+  margin-top: 20px;
+  margin-bottom: 30px;
+
+  form {
+    display: flex;
+  }
+
+  hubl-user-avatar {
+    width: 104px;
+  }
+
+  input[type='submit'] {
+    @extend .button,
+    .text-bold,
+    .text-uppercase,
+    .button-primary,
+    .bordered;
+    align-self: center;
+  }
+}
+
 .content-box {
   @include window-style-modal();
   flex-direction: column;
diff --git a/src/views/project/page-project-edit.pug b/src/views/project/page-project-edit.pug
index cce893a..c104fe7 100644
--- a/src/views/project/page-project-edit.pug
+++ b/src/views/project/page-project-edit.pug
@@ -33,11 +33,11 @@ div.content-box__info
 
   h2 Photo du projet
 
-  solid-form.form-picture(
+  solid-form.form-picture.project-edit-logo(
 	  bind-resources
 	  fields='customer.logo'
     widget-customer.logo="hubl-user-avatar"
-    submit-button='Edit'
+    submit-button='Modifier la photo'
     next='project-picture'
   )