Merge pull request #655 from appirio-tech/feature/sup-2901-skill-field-width-for-less-skills

Feature/sup 2901 [Edit Profile]: Improvements to the width of sections

Author: vikasrohit

assets/css/directives/external-account.scss

@@ -4,7 +4,7 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  margin: 5px 20px 15px 0;
+  margin: 5px 0px 15px 0;
   cursor: pointer;
 
   &.connected {

assets/css/directives/external-link-data.scss

@@ -3,6 +3,7 @@
 external-accounts {
   display: flex;
   flex-flow: row wrap;
+  justify-content: space-between;
 }
 
 .ext-link-tile_edit-header {
@@ -207,18 +208,14 @@ external-accounts {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
-    justify-content: flex-start;
+    justify-content: space-between;
     padding: 0px 60px;
 
     .external-link-tile {
       border: 1px solid #f0f0f0;
       background-color: $gray-lightest;
-      margin-left: 15px;
       margin-top: 30px;
       margin-bottom: 0px;
-      // &:nth-child(3n+1) {
-      //   margin-left: 0px;
-      // }
       width: 218px;
       height: 240px;
       display: flex;

assets/css/settings/settings.scss

@@ -145,20 +145,14 @@
         margin-top: 10px;
       }
     }
+    .section-fields {
+      width: 100%;
+    }
 
     &.skills {
       input {
         width: 100%;
       }
-      .section-fields {
-        width: 100%;
-      }
-    }
-
-    &.tracks {
-      .section-fields {
-        width: 100%;
-      }
     }
   }
 
@@ -326,12 +320,12 @@
         flex-direction: row;
         flex-wrap: wrap;
         margin-top: 20px;
+        justify-content: space-between;
 
         .skill {
           margin: 0 20px 10px;
           @media only screen and (min-width: 768px) {
             margin: 0;
-            margin-right: 30px;
             margin-bottom: 60px;
           }
         }