fearture: project-picture-edit - positioning

src/styles/base/main.scss

@@ -303,6 +303,59 @@ h5 {
   }
 }
 
+.form-picture {
+
+  form {
+    display: block;
+    text-align: center;
+    margin-bottom: 2.6rem;
+    padding-top: 1.8rem;
+
+    @include breakpoint(lg) {
+      display: flex;
+      width: 100%;
+    }
+
+    hubl-user-avatar {
+      display: inline-block;
+      max-width: 100%;
+      max-height: 16.5vh;
+
+      @include breakpoint(lg) {
+        margin-left: 20px;
+        max-height: 8.5vh;
+        max-width: none;
+        width: calc(35vw - 20px);
+      }
+
+      >object,
+      >img {
+        display: block;
+        max-height: 16.5vh !important;
+
+        @include breakpoint(lg) {
+          max-height: 8.5vh !important;
+        }
+      }
+    }
+
+    input {
+      @extend .button,
+      .text-bold,
+      .text-uppercase,
+      .button-primary,
+      .bordered;
+      margin: 10px 0;
+      width: 100%;
+
+      @include breakpoint(lg) {
+        margin: auto 0 auto 2.2rem;
+        width: auto;
+      }
+    }
+  }
+}
+
 .content-box {
   @include window-style-modal();
   flex-direction: column;