feature: project: modify image - positioning

src/styles/base/main.scss

@@ -357,10 +357,77 @@ h5 {
 }
 
 
+
 .p_relative {
   position: relative;
 }
 
+.pull-left-1200 {
+
+  @include breakpoint(lg) {
+    float: left;
+  }
+}
+
+.flex_column {
+  flex-direction: column;
+}
+
+.flex_vertical-center {
+  align-items: center;
+}
+
+.is-inline-1200 {
+
+  @include breakpoint(lg) {
+    flex-direction: row;
+  }
+}
+
+solid-ac-checker.button-padding {
+
+  @include breakpoint(lg) {
+    padding-left: 32px;
+  }
+}
+
+.w90 {
+
+  @include breakpoint(sm) {
+    width: 90%;
+  }
+}
+
+.w100 {
+
+  @include breakpoint(sm) {
+    width: 100%;
+  }
+}
+
+.p_absolute {
+  position: absolute;
+  z-index: 1;
+}
+
+.button-register-picture {
+  bottom: 0;
+  right: 0;
+}
+
+#solid-picture-remove {
+  margin-top: 2em;
+
+  @include breakpoint(lg) {
+    margin-top: 0;
+  }
+}
+
+
+/*.p_relative {
+  position: relative;
+}
+
 .is-inline-1200 {
 
   @include breakpoint(lg) {
@@ -383,6 +450,8 @@ h5 {
   }
 }
 
+
+
 .profile-avatar {
   height: 243px;
   width: 243px;
@@ -391,7 +460,7 @@ h5 {
 
 solid-picture {
   
-}
+}*/
 
 
 .content-box {

src/views/project/page-project-picture.pug

@@ -5,7 +5,6 @@ div.content-box__info
   h1 Modifier l'image du projet
   
   solid-picture(
-    class="pull-left-1200 avatar-display"
     bind-resources
     upload-src=`${endpoints.uploads || endpoints.post.uploads}`
     upload-id="solid-project-edit-picture"