fix: feedback design

src/assets/icons/tabbar/parametre/off.svg

 <svg width="50" height="36" viewBox="0 0 50 36" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M26.2446 17.844V24H24.7566V17.844H26.2446Z" fill="#A0A0A0"/>
-<circle cx="25.5" cy="19.5" r="9.5" stroke="#A0A0A0"/>
-<path d="M26.3706 15.808C26.4226 15.696 26.4486 15.576 26.4486 15.448C26.4486 15.316 26.4226 15.192 26.3706 15.076C26.3186 14.96 26.2486 14.86 26.1606 14.776C26.0766 14.692 25.9766 14.626 25.8606 14.578C25.7446 14.526 25.6206 14.5 25.4886 14.5C25.3606 14.5 25.2386 14.526 25.1226 14.578C25.0106 14.626 24.9126 14.692 24.8286 14.776C24.7446 14.86 24.6766 14.96 24.6246 15.076C24.5766 15.192 24.5526 15.316 24.5526 15.448C24.5526 15.576 24.5766 15.696 24.6246 15.808C24.6766 15.92 24.7446 16.018 24.8286 16.102C24.9126 16.186 25.0106 16.254 25.1226 16.306C25.2386 16.354 25.3606 16.378 25.4886 16.378C25.6206 16.378 25.7446 16.354 25.8606 16.306C25.9766 16.254 26.0766 16.186 26.1606 16.102C26.2486 16.018 26.3186 15.92 26.3706 15.808Z" fill="#A0A0A0"/>
+<line x1="14.5" y1="11.5" x2="35.5" y2="11.5" stroke="#A0A0A0" stroke-linecap="round"/>
+<line x1="14.5" y1="18.5" x2="35.5" y2="18.5" stroke="#A0A0A0" stroke-linecap="round"/>
+<line x1="14.5" y1="25.5" x2="35.5" y2="25.5" stroke="#A0A0A0" stroke-linecap="round"/>
+<circle cx="28.5" cy="11.5" r="2.5" fill="#A0A0A0"/>
+<circle cx="20.5" cy="18.5" r="2.5" fill="#A0A0A0"/>
+<circle cx="29.5" cy="25.5" r="2.5" fill="#A0A0A0"/>
 </svg>

src/assets/icons/tabbar/parametre/on.svg

 <svg width="50" height="36" viewBox="0 0 50 36" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 19.5C15.5 13.9772 19.9772 9.5 25.5 9.5C31.0228 9.5 35.5 13.9772 35.5 19.5C35.5 25.0228 31.0228 29.5 25.5 29.5C19.9772 29.5 15.5 25.0228 15.5 19.5ZM26.3706 15.808C26.4226 15.696 26.4486 15.576 26.4486 15.448C26.4486 15.316 26.4226 15.192 26.3706 15.076C26.3186 14.96 26.2486 14.86 26.1606 14.776C26.0766 14.692 25.9766 14.626 25.8606 14.578C25.7446 14.526 25.6206 14.5 25.4886 14.5C25.3606 14.5 25.2386 14.526 25.1226 14.578C25.0106 14.626 24.9126 14.692 24.8286 14.776C24.7446 14.86 24.6766 14.96 24.6246 15.076C24.5766 15.192 24.5526 15.316 24.5526 15.448C24.5526 15.576 24.5766 15.696 24.6246 15.808C24.6766 15.92 24.7446 16.018 24.8286 16.102C24.9126 16.186 25.0106 16.254 25.1226 16.306C25.2386 16.354 25.3606 16.378 25.4886 16.378C25.6206 16.378 25.7446 16.354 25.8606 16.306C25.9766 16.254 26.0766 16.186 26.1606 16.102C26.2486 16.018 26.3186 15.92 26.3706 15.808ZM26.2446 17.844V24H24.7566V17.844H26.2446Z" fill="#E3B82A"/>
+<line x1="14.5" y1="11.5" x2="35.5" y2="11.5" stroke="#E3B82A" stroke-linecap="round"/>
+<line x1="14.5" y1="18.5" x2="35.5" y2="18.5" stroke="#E3B82A" stroke-linecap="round"/>
+<line x1="14.5" y1="25.5" x2="35.5" y2="25.5" stroke="#E3B82A" stroke-linecap="round"/>
+<circle cx="28.5" cy="11.5" r="2.5" fill="#E3B82A"/>
+<circle cx="20.5" cy="18.5" r="2.5" fill="#E3B82A"/>
+<circle cx="29.5" cy="25.5" r="2.5" fill="#E3B82A"/>
 </svg>

src/components/ContentComponents/KonnectorViewer/KonnectorViewerCard.tsx

@@ -196,10 +196,10 @@ const KonnectorViewerCard: React.FC<KonnectorViewerCardProps> = ({
     switch (jobState) {
       case JobState.Errored:
         return failurePicto
-      case JobState.Running:
-        return pendingPicto
-      case JobState.Done:
-        return successPicto
+      // case JobState.Running:
+      //   return pendingPicto
+      // case JobState.Done:
+      //   return successPicto
       default:
         return ''
     }

src/styles/components/_ecogesture.scss

@@ -7,7 +7,7 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  padding: 1rem 1.5rem;
+  padding: 1rem 1.5rem 2.5rem 1.5rem;
   .negawatt-button-content{
     width: calc(53rem - 2%);
     margin: 0 1%;
@@ -85,7 +85,6 @@
 .em-header {
   color: $text-bright;
   border-bottom: 1px solid rgba(163, 163, 163, 0.4);
-  margin-bottom: 1rem;
   padding-bottom: 1em;
   width: 100%;
   display: flex;
@@ -141,10 +140,13 @@
   .em-content-box-text {
     display: flex;
     flex-direction: column;
-    padding: 0.5rem 1.5rem;
+    padding: 1.5rem 1.5rem;
     width: 22.125rem;
     @media #{$large-phone} {
         width: 100%;
     }
+    .em-description {
+      padding-bottom: 2.5rem;
+    }
   }
 }

src/styles/components/_konnector.scss

@@ -103,6 +103,8 @@
 }
 
 .state-icon {
-  height: 20px;
-  width: 20px;
+  height: 22px;
+  width: 22px;
+  margin-left: 32px;
+  margin-bottom: 40px;
 }

src/styles/components/_modal.scss

@@ -31,7 +31,7 @@
       max-height: unset;
     }
     transform: translate(-50%, -50%);
-    padding: 1rem 0;
+    padding: 1rem 0 0 0;
     box-sizing: border-box;
     box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);
     border-radius: 4px;