From 65a523578c2d64fad14420c13e0c2bd2e21d29dd Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
Date: Sat, 10 Apr 2021 18:21:55 +0200
Subject: [PATCH] patch: comminity-edit : styles on pictures and logo +
 community-profile : sm-full on pictures

---
 src/styles/admin-circles/_index.scss          | 37 +++++++++++++++++++
 .../communities/page-community-edit.pug       | 10 ++---
 .../communities/page-community-profile.pug    |  6 +--
 3 files changed, 45 insertions(+), 8 deletions(-)

diff --git a/src/styles/admin-circles/_index.scss b/src/styles/admin-circles/_index.scss
index 8cb4920..186ff5b 100644
--- a/src/styles/admin-circles/_index.scss
+++ b/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;
   }
diff --git a/src/views/partials/communities/page-community-edit.pug b/src/views/partials/communities/page-community-edit.pug
index 04f9846..8aa9e59 100644
--- a/src/views/partials/communities/page-community-edit.pug
+++ b/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"
diff --git a/src/views/partials/communities/page-community-profile.pug b/src/views/partials/communities/page-community-profile.pug
index e4d5d46..6944bb7 100644
--- a/src/views/partials/communities/page-community-profile.pug
+++ b/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"