From 28111ae4701f6db76533a9f4e14526d6c5f22916 Mon Sep 17 00:00:00 2001
From: Huan Li <nauhil@yeah.net>
Date: Sat, 22 Sep 2018 02:11:32 +0800
Subject: [PATCH 1/2] Ticket ##1491 - There is no 'Add link' button for adding
 a new external link on desktop

---
 .../Account/LinkedAccount/AddWebLink.jsx      |  1 +
 .../Account/LinkedAccount/styles.scss         | 36 +++++++++++++++++--
 2 files changed, 35 insertions(+), 2 deletions(-)

diff --git a/src/shared/components/Settings/Account/LinkedAccount/AddWebLink.jsx b/src/shared/components/Settings/Account/LinkedAccount/AddWebLink.jsx
index d416cf85ed..a80f92d74c 100644
--- a/src/shared/components/Settings/Account/LinkedAccount/AddWebLink.jsx
+++ b/src/shared/components/Settings/Account/LinkedAccount/AddWebLink.jsx
@@ -190,6 +190,7 @@ Please enter a valid URL
                 )
               }
             </div>
+            <PrimaryButton onClick={this.onAddWebLinkButton} theme={{ button: 'button-add-link' }}>Add Link</PrimaryButton>
           </form>
         </div>
       </div>
diff --git a/src/shared/components/Settings/Account/LinkedAccount/styles.scss b/src/shared/components/Settings/Account/LinkedAccount/styles.scss
index 571189de6b..d540ca6fa4 100644
--- a/src/shared/components/Settings/Account/LinkedAccount/styles.scss
+++ b/src/shared/components/Settings/Account/LinkedAccount/styles.scss
@@ -1,4 +1,4 @@
-@import "~styles/mixins";
+@import "../../style";
 
 .links {
   border-bottom: none;
@@ -212,7 +212,7 @@
 
   input.url {
     max-width: 100%;
-    margin: 0;
+    margin: 5px 0 0 0;
     border-radius: 4px;
 
     @include placeholder {
@@ -868,3 +868,35 @@
     }
   }
 }
+
+.buttons {
+
+  margin-top: auto;
+  margin-bottom: auto;
+
+  .button-add-link {
+    align-self: center;
+    color: $tc-white;
+    margin: 0;
+
+    div:first-child {
+      margin-top: 0;
+    }
+
+    button,
+    a {
+      @include roboto-medium;
+
+      height: 40px;
+      font-size: 15px;
+      font-weight: 500;
+      margin: 0;
+      padding: 0;
+      width: 155px;
+    }
+
+    @include xs-to-sm {
+      display: none;
+    }
+  }
+}

From 35a1347d44e7d0ceb49e696bd34ecadb5d846319 Mon Sep 17 00:00:00 2001
From: Huan Li <nauhil@yeah.net>
Date: Wed, 26 Sep 2018 17:32:23 +0800
Subject: [PATCH 2/2] fixed scss lint

---
 src/shared/components/Settings/Account/LinkedAccount/styles.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/shared/components/Settings/Account/LinkedAccount/styles.scss b/src/shared/components/Settings/Account/LinkedAccount/styles.scss
index d540ca6fa4..ea8c670c8b 100644
--- a/src/shared/components/Settings/Account/LinkedAccount/styles.scss
+++ b/src/shared/components/Settings/Account/LinkedAccount/styles.scss
@@ -870,7 +870,6 @@
 }
 
 .buttons {
-
   margin-top: auto;
   margin-bottom: auto;