From ec4081028ec89156ff3e6347348131065dd35c07 Mon Sep 17 00:00:00 2001
From: vikasrohit <vikas.agarwal@appirio.com>
Date: Thu, 14 Jan 2016 13:37:32 +0530
Subject: [PATCH] SUP-2901, [Edit Profile]: Add skill field should have full
 length even if there is no/few skills

-- Reverted changes to make list items for skills, external accounts and external account data tiles to be distributed equally in the available space because when the number of elements are less than the full row, the elements appears to be placed on corners instead of starting from the left.
---
 assets/css/directives/external-account.scss   | 2 +-
 assets/css/directives/external-link-data.scss | 7 +++++--
 assets/css/settings/settings.scss             | 2 +-
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/assets/css/directives/external-account.scss b/assets/css/directives/external-account.scss
index 48d7525d7..884fc6cb8 100644
--- a/assets/css/directives/external-account.scss
+++ b/assets/css/directives/external-account.scss
@@ -4,7 +4,7 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  margin: 5px 0px 15px 0;
+  margin: 5px 20px 15px 0;
   cursor: pointer;
 
   &.connected {
diff --git a/assets/css/directives/external-link-data.scss b/assets/css/directives/external-link-data.scss
index df5338d8b..24cc9a471 100644
--- a/assets/css/directives/external-link-data.scss
+++ b/assets/css/directives/external-link-data.scss
@@ -3,7 +3,6 @@
 external-accounts {
   display: flex;
   flex-flow: row wrap;
-  justify-content: space-between;
 }
 
 .ext-link-tile_edit-header {
@@ -208,14 +207,18 @@ external-accounts {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
-    justify-content: space-between;
+    justify-content: flex-start;
     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;
diff --git a/assets/css/settings/settings.scss b/assets/css/settings/settings.scss
index f374fa9fa..c0e83203c 100644
--- a/assets/css/settings/settings.scss
+++ b/assets/css/settings/settings.scss
@@ -320,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;
           }
         }