patch: comminity-edit : styles on pictures and logo + community-profile : sm-full on pictures

src/styles/admin-circles/_index.scss

@@ -189,6 +189,33 @@
     }
   }
 
+  .edit-img {
+
+    input[type="file"] {
+      display: block;
+      margin-top: 10px;
+    }
+
+    img {
+      display: block;
+      margin-top: 15px;
+    }
+
+    &.edit-logo {
+
+      img{
+        width: 280px;
+      }
+    }
+
+    &.edit-picture {
+      
+      img {
+        width: 100%;
+      }
+    }
+  }
+
   @media (max-width: 768px) {
 
     .tabs {
@@ -258,7 +285,17 @@
         margin-right: 5px;
       }
     }
+    .edit-img {
+
+      &.edit-logo {
+
+        img {
+          width: 100%;
+        }
+      }
+    }
   }
+  
   .flex {
     display: flex;
   }

src/views/partials/communities/page-community-edit.pug

@@ -36,10 +36,10 @@ div.bg-color-white
         label-profile.instagram=""
 
         class-profile.shortDescription="segment margin-bottom-medium full sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
-        class-profile.description="segment margin-bottom-medium full text-small text-semibold text-uppercase text-color-heading"
+        class-profile.description="segment margin-bottom-medium full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
 
         class-segment="segment full"
-        class-logo="segment margin-bottom-medium full sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
+        class-logo="edit-img edit-logo segment margin-bottom-medium full sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
         class-profile.website="segment margin-bottom-medium third sm-full padding-right-small sm-padding-none"
         class-profile.email="segment margin-bottom-medium third sm-full padding-right-small padding-left-small sm-padding-none"
         class-profile.phone="segment margin-bottom-medium third sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
@@ -81,9 +81,9 @@ div.bg-color-white
         label-profile.picture2=""
         label-profile.picture3=""
 
-        class-profile.picture1="segment margin-bottom-medium third sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
-        class-profile.picture2="segment margin-bottom-medium third sm-full padding-right-small padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
-        class-profile.picture3="segment margin-bottom-medium third sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
+        class-profile.picture1="edit-img edit-picture segment margin-bottom-medium third sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
+        class-profile.picture2="edit-img edit-picture segment margin-bottom-medium third sm-full padding-right-small padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
+        class-profile.picture3="edit-img edit-picture segment margin-bottom-medium third sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
 
         submit-button=""
         submit-widget="button"

src/views/partials/communities/page-community-profile.pug

@@ -42,9 +42,9 @@ div.community-profile.padding-medium.sm-padding-none
       class-segment10="segment full text-right"
 
       class-segment11="segment full whitespace-normal flex"
-      class-profile.picture1="communities-profile-picture segment third"
-      class-profile.picture2="communities-profile-picture segment third"
-      class-profile.picture3="communities-profile-picture segment third"
+      class-profile.picture1="communities-profile-picture segment third sm-full"
+      class-profile.picture2="communities-profile-picture segment third sm-full"
+      class-profile.picture3="communities-profile-picture segment third sm-full"
 
       widget-logo="hubl-communities-profile-logo"
       widget-profile.description="solid-display-value-markdown"