feature: project: modify image - positioning new try

src/styles/base/main.scss

@@ -362,13 +362,6 @@ h5 {
   position: relative;
 }
 
-.pull-left-1200 {
-
-  @include breakpoint(lg) {
-    float: left;
-  }
-}
-
 .flex_column {
   flex-direction: column;
 }
@@ -377,20 +370,6 @@ h5 {
   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) {
@@ -405,21 +384,51 @@ solid-ac-checker.button-padding {
   }
 }
 
-.p_absolute {
+/*.p_absolute {
   position: absolute;
   z-index: 1;
+}*/
+
+.project-edit-picture {
+
+  >div>*:not(:last-child) {
+    margin-bottom: 2rem;
+  }
+
+  solid-display {
+    max-height: 8.5vh;
+    max-width: 35vw;
+  }
+
+  solid-ac-checker:first-of-type {
+    display: flex;
+
+    #solid-picture-remove {
+      margin-left: 2rem;
+    }
+  }
+
+  solid-ac-checker:last-of-type {
+    align-self: flex-end;
+  }
 }
 
-.button-register-picture {
+.project-edit-picture hubl-user-avatar {
-  bottom: 0;
+  border-radius: 0;
-  right: 0;
+  max-height: 8.5vh;
-}
+  max-width: 35vw;
+  background: antiquewhite;
+  display: inline-block;
 
-#solid-picture-remove {
-  margin-top: 2em;
   
-  @include breakpoint(lg) {
+  object {
-    margin-top: 0;
+    max-height: 8.5vh;
+    max-width: 35vw;
+  }
+
+  img {
+    max-height: 8.5vh;
+    max-width: 35vw;
   }
 }
 

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

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