From 7a7bb3821506cfe7ce55d70e286584a406637937 Mon Sep 17 00:00:00 2001
From: Gurmeet Singh Budhraja <guri.topcoder@gmail.com>
Date: Thu, 27 Jun 2019 16:30:53 +0530
Subject: [PATCH 1/2] incorporate feedback

---
 .../Settings/Profile/Skills/index.jsx         | 12 ++---
 .../Settings/Profile/Skills/styles.scss       | 51 ++++++++++---------
 2 files changed, 33 insertions(+), 30 deletions(-)

diff --git a/src/shared/components/Settings/Profile/Skills/index.jsx b/src/shared/components/Settings/Profile/Skills/index.jsx
index f06ae0af1c..a175fd0645 100644
--- a/src/shared/components/Settings/Profile/Skills/index.jsx
+++ b/src/shared/components/Settings/Profile/Skills/index.jsx
@@ -507,13 +507,13 @@ export default class Skills extends ConsentComponent {
                               <div styleName="hidden-indicator" />
                               { imageExist(`id-${skill.id}.svg`) ? getImage(`id-${skill.id}.svg`) : <FallbackIcon /> }
                             </div>
-                            <div styleName="name-wrapper">
-                              <div styleName="name">
-                                {_.truncate(skill.name, { length: 18, separator: ' ' })}
-                              </div>
-                              {_.includes(skill.sources, 'CHALLENGE') && <div styleName="verified-badge"><VerifiedBadgeIcon /></div> }
-                            </div>
                           </a>
+                          <div styleName="name-wrapper">
+                            <div styleName="name">
+                              {_.truncate(skill.name, { length: 18, separator: ' ' })}
+                            </div>
+                            {_.includes(skill.sources, 'CHALLENGE') && <div styleName="verified-badge"><VerifiedBadgeIcon /></div> }
+                          </div>
                         </div>
                       </li>
                     );
diff --git a/src/shared/components/Settings/Profile/Skills/styles.scss b/src/shared/components/Settings/Profile/Skills/styles.scss
index fdcb484cf8..958e3686fe 100644
--- a/src/shared/components/Settings/Profile/Skills/styles.scss
+++ b/src/shared/components/Settings/Profile/Skills/styles.scss
@@ -228,7 +228,7 @@
   }
 
   li {
-    margin: 0 10px 55px;
+    margin: 0 10px 10px;
     border-radius: 6px;
 
     @include xs-to-lg {
@@ -261,6 +261,31 @@
     text-decoration: none;
   }
 
+  .name-wrapper {
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    width: 75px;
+    padding: 5px 0px 10px;
+    flex-shrink: 0;
+
+    .name {
+      @include roboto-regular;
+
+      font-size: 12px;
+      line-height: 15px;
+      color: #262628;
+      text-align: center;
+    }
+
+    .verified-badge {
+      padding-left: 5px;
+      font-size: 0;
+    }
+  }
+
   .skill-icon {
     position: relative;
     display: flex;
@@ -268,7 +293,7 @@
     justify-content: center;
     align-items: center;
     background-color: #fbfbfb;
-    padding: 10px;
+    padding: 0px 10px 0px;
     border: 1px solid $tc-gray-20;
     border-radius: 6px;
     height: 75px;
@@ -317,28 +342,6 @@
     }
   }
 
-  .name-wrapper {
-    margin-top: 20px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    .name {
-      @include roboto-regular;
-
-      font-size: 12px;
-      line-height: 15px;
-      color: #262628;
-      text-align: center;
-      width: 100%;
-    }
-
-    .verified-badge {
-      padding-left: 5px;
-      font-size: 0;
-    }
-  }
-
   a.skill-hidden {
     img {
       opacity: 0.3;

From 8590a402f2085bf4e12dc3e2fe0a4df0f0c99039 Mon Sep 17 00:00:00 2001
From: Gurmeet Singh Budhraja <guri.topcoder@gmail.com>
Date: Thu, 27 Jun 2019 16:39:58 +0530
Subject: [PATCH 2/2] incorporate feedback

---
 src/shared/components/Settings/Profile/Skills/styles.scss | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/shared/components/Settings/Profile/Skills/styles.scss b/src/shared/components/Settings/Profile/Skills/styles.scss
index 958e3686fe..7ad6f6e6d2 100644
--- a/src/shared/components/Settings/Profile/Skills/styles.scss
+++ b/src/shared/components/Settings/Profile/Skills/styles.scss
@@ -268,7 +268,8 @@
     justify-content: center;
     align-items: center;
     width: 75px;
-    padding: 5px 0px 10px;
+    padding-top: 5px;
+    padding-bottom: 10px;
     flex-shrink: 0;
 
     .name {
@@ -293,7 +294,7 @@
     justify-content: center;
     align-items: center;
     background-color: #fbfbfb;
-    padding: 0px 10px 0px;
+    padding: 10px;
     border: 1px solid $tc-gray-20;
     border-radius: 6px;
     height: 75px;