Merge pull request #1547 from nauhil/develop

Ticket ##1491 - There is no 'Add link' button for adding a new extern…

Author: ThomasKranitsas

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>

src/shared/components/Settings/Account/LinkedAccount/styles.scss

@@ -1,4 +1,4 @@
-@import "~styles/mixins";
+@import "../../style";
 
 .links {
   border-bottom: none;
@@ -213,7 +213,7 @@
 
   input.url {
     max-width: 100%;
-    margin: 0;
+    margin: 5px 0 0 0;
     border-radius: 4px;
 
     @include placeholder {
@@ -869,3 +869,34 @@
     }
   }
 }
+
+.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;
+    }
+  }
+}