From d10280ce5839aa786ea6aca83b0b17db06b1914b Mon Sep 17 00:00:00 2001
From: sumitdaga <sumit.daga66@gmail.com>
Date: Wed, 26 Sep 2018 19:18:26 +0530
Subject: [PATCH] fixes #1472

---
 .../Settings/Profile/Skills/index.jsx         | 36 +++++++++----------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/shared/components/Settings/Profile/Skills/index.jsx b/src/shared/components/Settings/Profile/Skills/index.jsx
index 9ec1f99c1f..04ca78494a 100644
--- a/src/shared/components/Settings/Profile/Skills/index.jsx
+++ b/src/shared/components/Settings/Profile/Skills/index.jsx
@@ -434,6 +434,24 @@ export default class Skills extends ConsentComponent {
                 })
               }
             </ul>
+            {
+              isMobileView && (
+                <div styleName={`mobile-buttons ${list.length > 0 ? '' : 'hide'}`}>
+                  {
+                    buttons.map((item, index) => (
+                      <span
+                        tabIndex="0"
+                        key={item.id}
+                        onClick={() => this.setPage(index)}
+                        onKeyPress={() => this.setPage(index)}
+                        role="button"
+                        styleName={`mobile-button ${currentIndex === index ? 'mobile-active' : ''}`}
+                      />
+                    ))
+                  }
+                </div>
+              )
+            }
           </div>
           <div styleName={`sub-title ${list.length > 0 ? 'second' : 'first'}`}>
             Add a new skill
@@ -508,24 +526,6 @@ export default class Skills extends ConsentComponent {
               </PrimaryButton>
             </div>
           </div>
-          {
-            isMobileView && (
-              <div styleName={`mobile-buttons ${list.length > 0 ? '' : 'hide'}`}>
-                {
-                  buttons.map((item, index) => (
-                    <span
-                      tabIndex="0"
-                      key={item.id}
-                      onClick={() => this.setPage(index)}
-                      onKeyPress={() => this.setPage(index)}
-                      role="button"
-                      styleName={`mobile-button ${currentIndex === index ? 'mobile-active' : ''}`}
-                    />
-                  ))
-                }
-              </div>
-            )
-          }
         </div>
       </div>
     );