Oauth: fix icons, add gitlab & github #410

- replaced the subtle gradient in the twitter and facebook icons with a solid white because the gradients don’t work in all browsers
- updated the google icon
- update license 3rd party info

LICENSE-ICONS-3RD-PARTY.json

@@ -1,136 +1,56 @@
 {
-    "info.svg": {
-        "author": "Information by Gregor \u010cre\u0161nar from the Noun Project",
-        "url": "https:\/\/thenounproject.com\/search\/?q=info&i=176431",
-        "license": "CC 3.0 Attribution"
-    },
-    "web.svg": {
-        "author": "Zammad",
-        "url": "",
-        "license": "MIT"
-    },
-    "form.svg": {
-        "author": "Pickin Studio",
-        "url": "https:\/\/thenounproject.com\/search\/?q=website&i=16523",
-        "license": "CC 3.0 Attribution"
-    },
-    "draggable.svg": {
-        "author": "Felix Niklas",
-        "url": "",
-        "license": "MIT"
+    "twitter-button.svg": {
+        "author": "Twitter",
+        "url": "twitter.com",
+        "license": ""
     },
-    "radio.svg": {
-        "author": "Zammad",
+    "linkedin-button.svg": {
+        "author": "Linkedin",
         "url": "",
-        "license": "MIT"
+        "license": ""
     },
-    "radio-checked.svg": {
-        "author": "Zammad",
+    "google-button.svg": {
+        "author": "Google",
         "url": "",
-        "license": "MIT"
-    },
-    "received-calls.svg": {
-        "author": "Michael Zenaty",
-        "url": "https:\/\/thenounproject.com\/search\/?q=phone&i=21797",
-        "license": "CC 3.0 Attribution"
-    },
-    "phone.svg": {
-        "author": "Michael Zenaty",
-        "url": "https:\/\/thenounproject.com\/search\/?q=phone&i=21797",
-        "license": "CC 3.0 Attribution"
-    },
-    "outbound-calls.svg": {
-        "author": "Michael Zenaty",
-        "url": "https:\/\/thenounproject.com\/search\/?q=phone&i=21797",
-        "license": "CC 3.0 Attribution"
+        "license": ""
     },
-    "signout.svg": {
-        "author": "Felix Niklas",
+    "gitlab-button.svg": {
+        "author": "Gitlab",
         "url": "",
-        "license": "MIT"
+        "license": ""
     },
-    "reopening.svg": {
-        "author": "Zammad",
+    "github-button.svg": {
+        "author": "Github",
         "url": "",
-        "license": "MIT"
-    },
-    "trash.svg": {
-        "author": "Filip Malinowski",
-        "url": "https:\/\/thenounproject.com\/term\/trash\/16505\/",
-        "license": "CC 3.0 Attribution"
+        "license": ""
     },
-    "email.svg": {
-        "author": "Felix Niklas",
+    "facebook-button.svg": {
+        "author": "Facebook",
         "url": "",
-        "license": "MIT"
+        "license": ""
     },
     "email-button.svg": {
         "author": "Felix Niklas",
         "url": "",
         "license": "MIT"
     },
-    "paperclip.svg": {
-        "author": "Cheesefork",
-        "url": "https:\/\/thenounproject.com\/search\/?q=attachment&i=197956",
-        "license": "CC 3.0 Attribution"
-    },
-    "cog.svg": {
-        "author": "Melvin Salas",
-        "url": "https:\/\/thenounproject.com\/term\/gear\/17369\/",
-        "license": "CC 3.0 Attribution"
-    },
-    "team.svg": {
-        "author": "R\u00e9my M\u00e9dard",
-        "url": "https:\/\/thenounproject.com\/catalarem\/uploads\/?i=2554",
-        "license": "CC 3.0 Attribution"
-    },
-    "important.svg": {
-        "author": "Felix Niklas",
-        "url": "",
-        "license": "MIT"
-    },
-    "note.svg": {
-        "author": "Felix Niklas",
-        "url": "",
-        "license": "MIT"
-    },
-    "pen.svg": {
-        "author": "Dmitry Baranovskiy",
-        "url": "https:\/\/thenounproject.com\/search\/?q=edit&i=5039",
-        "license": "CC 3.0 Attribution"
-    },
-    "package.svg": {
-        "author": "Michael Wallner",
-        "url": "https:\/\/thenounproject.com\/search\/?q=package&i=25152",
-        "license": "CC 3.0 Attribution"
-    },
-    "organization.svg": {
-        "author": "Felix Niklas",
-        "url": "",
-        "license": "MIT"
-    },
-    "eyedropper.svg": {
-        "author": "Felix Niklas",
-        "url": "",
-        "license": "MIT"
-    },
-    "unmute.svg": {
+    "line-right-arrow.svg": {
         "author": "Felix Niklas",
         "url": "",
         "license": "MIT"
     },
-    "mute.svg": {
+    "zoom-out.svg": {
         "author": "Felix Niklas",
         "url": "",
         "license": "MIT"
     },
-    "zoom-out.svg": {
+    "zoom-in.svg": {
         "author": "Felix Niklas",
         "url": "",
         "license": "MIT"
     },
-    "zoom-in.svg": {
-        "author": "Felix Niklas",
+    "web.svg": {
+        "author": "Zammad",
         "url": "",
         "license": "MIT"
     },
@@ -139,15 +59,20 @@
         "url": "https:\/\/thenounproject.com\/search\/?q=user&i=10314",
         "license": "CC 3.0 Attribution"
     },
+    "unmute.svg": {
+        "author": "Felix Niklas",
+        "url": "",
+        "license": "MIT"
+    },
     "twitter.svg": {
         "author": "Twitter",
         "url": "twitter.com",
         "license": ""
     },
-    "twitter-button.svg": {
-        "author": "Twitter",
-        "url": "twitter.com",
-        "license": ""
+    "trash.svg": {
+        "author": "Filip Malinowski",
+        "url": "https:\/\/thenounproject.com\/term\/trash\/16505\/",
+        "license": "CC 3.0 Attribution"
     },
     "total-tickets.svg": {
         "author": "Zammad",
@@ -164,6 +89,11 @@
         "url": "",
         "license": "MIT"
     },
+    "team.svg": {
+        "author": "R\u00e9my M\u00e9dard",
+        "url": "https:\/\/thenounproject.com\/catalarem\/uploads\/?i=2554",
+        "license": "CC 3.0 Attribution"
+    },
     "task-state.svg": {
         "author": "Zammad",
         "url": "",
@@ -194,6 +124,21 @@
         "url": "",
         "license": "MIT"
     },
+    "small-dot.svg": {
+        "author": "Zammad",
+        "url": "",
+        "license": "MIT"
+    },
+    "signout.svg": {
+        "author": "Felix Niklas",
+        "url": "",
+        "license": "MIT"
+    },
+    "searchdetail.svg": {
+        "author": "Felix Niklas",
+        "url": "",
+        "license": "MIT"
+    },
     "report.svg": {
         "author": "Zammad",
         "url": "",
@@ -209,11 +154,31 @@
         "url": "",
         "license": "MIT"
     },
+    "reopening.svg": {
+        "author": "Zammad",
+        "url": "",
+        "license": "MIT"
+    },
     "reload.svg": {
         "author": "Anand A Nair",
         "url": "https:\/\/thenounproject.com\/anandgrafiti\/uploads\/?i=2149",
         "license": "CC 3.0 Attribution"
     },
+    "received-calls.svg": {
+        "author": "Michael Zenaty",
+        "url": "https:\/\/thenounproject.com\/search\/?q=phone&i=21797",
+        "license": "CC 3.0 Attribution"
+    },
+    "radio.svg": {
+        "author": "Zammad",
+        "url": "",
+        "license": "MIT"
+    },
+    "radio-checked.svg": {
+        "author": "Zammad",
+        "url": "",
+        "license": "MIT"
+    },
     "plus.svg": {
         "author": "Zammad",
         "url": "",
@@ -224,21 +189,61 @@
         "url": "",
         "license": "MIT"
     },
+    "phone.svg": {
+        "author": "Michael Zenaty",
+        "url": "https:\/\/thenounproject.com\/search\/?q=phone&i=21797",
+        "license": "CC 3.0 Attribution"
+    },
     "person.svg": {
         "author": "Felix Niklas",
         "url": "",
         "license": "MIT"
     },
+    "pen.svg": {
+        "author": "Dmitry Baranovskiy",
+        "url": "https:\/\/thenounproject.com\/search\/?q=edit&i=5039",
+        "license": "CC 3.0 Attribution"
+    },
+    "paperclip.svg": {
+        "author": "Cheesefork",
+        "url": "https:\/\/thenounproject.com\/search\/?q=attachment&i=197956",
+        "license": "CC 3.0 Attribution"
+    },
+    "package.svg": {
+        "author": "Michael Wallner",
+        "url": "https:\/\/thenounproject.com\/search\/?q=package&i=25152",
+        "license": "CC 3.0 Attribution"
+    },
     "overviews.svg": {
         "author": "Felix Niklas",
         "url": "",
         "license": "MIT"
     },
+    "outbound-calls.svg": {
+        "author": "Michael Zenaty",
+        "url": "https:\/\/thenounproject.com\/search\/?q=phone&i=21797",
+        "license": "CC 3.0 Attribution"
+    },
+    "organization.svg": {
+        "author": "Felix Niklas",
+        "url": "",
+        "license": "MIT"
+    },
     "one-ticket.svg": {
         "author": "Zammad",
         "url": "",
         "license": "MIT"
     },
+    "note.svg": {
+        "author": "Felix Niklas",
+        "url": "",
+        "license": "MIT"
+    },
+    "mute.svg": {
+        "author": "Felix Niklas",
+        "url": "",
+        "license": "MIT"
+    },
     "mood-supergood.svg": {
         "author": "Zammad",
         "url": "",
@@ -324,61 +329,71 @@
         "url": "",
         "license": "MIT"
     },
-    "linkedin-button.svg": {
-        "author": "Linkedin",
-        "url": "",
-        "license": ""
-    },
-    "line-right-arrow.svg": {
-        "author": "Felix Niklas",
-        "url": "",
-        "license": "MIT"
-    },
     "line-left-arrow.svg": {
         "author": "Felix Niklas",
         "url": "",
         "license": "MIT"
     },
+    "info.svg": {
+        "author": "Information by Gregor \u010cre\u0161nar from the Noun Project",
+        "url": "https:\/\/thenounproject.com\/search\/?q=info&i=176431",
+        "license": "CC 3.0 Attribution"
+    },
     "in-process.svg": {
         "author": "Zammad",
         "url": "",
         "license": "MIT"
     },
-    "help.svg": {
+    "important.svg": {
         "author": "Felix Niklas",
         "url": "",
         "license": "MIT"
     },
-    "group.svg": {
+    "help.svg": {
         "author": "Felix Niklas",
         "url": "",
         "license": "MIT"
     },
-    "google-button.svg": {
-        "author": "Google",
+    "group.svg": {
+        "author": "Felix Niklas",
         "url": "",
-        "license": ""
+        "license": "MIT"
     },
     "full-logo.svg": {
         "author": "Zammad",
         "url": "",
         "license": "MIT"
     },
+    "form.svg": {
+        "author": "Pickin Studio",
+        "url": "https:\/\/thenounproject.com\/search\/?q=website&i=16523",
+        "license": "CC 3.0 Attribution"
+    },
     "facebook.svg": {
         "author": "Facebook",
         "url": "",
         "license": ""
     },
-    "facebook-button.svg": {
-        "author": "Facebook",
+    "eyedropper.svg": {
+        "author": "Felix Niklas",
         "url": "",
-        "license": ""
+        "license": "MIT"
+    },
+    "email.svg": {
+        "author": "Felix Niklas",
+        "url": "",
+        "license": "MIT"
     },
     "dropdown-list.svg": {
         "author": "Zammad",
         "url": "",
         "license": "MIT"
     },
+    "draggable.svg": {
+        "author": "Felix Niklas",
+        "url": "",
+        "license": "MIT"
+    },
     "download.svg": {
         "author": "Felix Niklas",
         "url": "",
@@ -399,62 +414,62 @@
         "url": "",
         "license": "MIT"
     },
+    "cog.svg": {
+        "author": "Melvin Salas",
+        "url": "https:\/\/thenounproject.com\/term\/gear\/17369\/",
+        "license": "CC 3.0 Attribution"
+    },
     "cloud.svg": {
         "author": "Kirill Ulitin",
         "url": "https:\/\/thenounproject.com\/search\/?q=cloud&i=84976",
         "license": "CC 3.0 Attribution"
     },
-    "small-dot.svg": {
-        "author": "Zammad",
-        "url": "",
-        "license": "MIT"
-    },
-    "checkbox.svg": {
-        "author": "Zammad",
+    "arrow-down.svg": {
+        "author": "Felix Niklas",
         "url": "",
         "license": "MIT"
     },
-    "checkbox-checked.svg": {
-        "author": "Zammad",
+    "arrow-up.svg": {
+        "author": "Felix Niklas",
         "url": "",
         "license": "MIT"
     },
-    "clock.svg": {
+    "arrow-right.svg": {
         "author": "Felix Niklas",
         "url": "",
         "license": "MIT"
     },
-    "clipboard.svg": {
+    "arrow-left.svg": {
         "author": "Felix Niklas",
         "url": "",
         "license": "MIT"
     },
-    "checkmark.svg": {
-        "author": "Zammad",
+    "clock.svg": {
+        "author": "Felix Niklas",
         "url": "",
         "license": "MIT"
     },
-    "chat.svg": {
+    "clipboard.svg": {
         "author": "Felix Niklas",
         "url": "",
         "license": "MIT"
     },
-    "arrow-up.svg": {
-        "author": "Felix Niklas",
+    "checkmark.svg": {
+        "author": "Zammad",
         "url": "",
         "license": "MIT"
     },
-    "arrow-right.svg": {
-        "author": "Felix Niklas",
+    "checkbox.svg": {
+        "author": "Zammad",
         "url": "",
         "license": "MIT"
     },
-    "arrow-left.svg": {
-        "author": "Felix Niklas",
+    "checkbox-checked.svg": {
+        "author": "Zammad",
         "url": "",
         "license": "MIT"
     },
-    "arrow-down.svg": {
+    "chat.svg": {
         "author": "Felix Niklas",
         "url": "",
         "license": "MIT"

app/assets/stylesheets/svg-dimensions.css

@@ -16,14 +16,16 @@
 .icon-download { width: 14px; height: 13px; }
 .icon-draggable { width: 16px; height: 16px; }
 .icon-dropdown-list { width: 19px; height: 14px; }
-.icon-email-button { width: 29px; height: 22px; }
+.icon-email-button { width: 29px; height: 24px; }
 .icon-email { width: 17px; height: 17px; }
 .icon-eyedropper { width: 17px; height: 17px; }
-.icon-facebook-button { width: 29px; height: 22px; }
+.icon-facebook-button { width: 29px; height: 24px; }
 .icon-facebook { width: 17px; height: 17px; }
 .icon-form { width: 17px; height: 17px; }
 .icon-full-logo { width: 175px; height: 50px; }
-.icon-google-button { width: 29px; height: 22px; }
+.icon-github-button { width: 29px; height: 24px; }
+.icon-gitlab-button { width: 29px; height: 24px; }
+.icon-google-button { width: 29px; height: 24px; }
 .icon-group { width: 24px; height: 24px; }
 .icon-help { width: 16px; height: 16px; }
 .icon-important { width: 16px; height: 16px; }
@@ -31,7 +33,7 @@
 .icon-info { width: 5px; height: 11px; }
 .icon-line-left-arrow { width: 34px; height: 7px; }
 .icon-line-right-arrow { width: 34px; height: 7px; }
-.icon-linkedin-button { width: 29px; height: 22px; }
+.icon-linkedin-button { width: 29px; height: 24px; }
 .icon-list { width: 16px; height: 16px; }
 .icon-loading { width: 16px; height: 16px; }
 .icon-lock-open { width: 16px; height: 16px; }
@@ -84,7 +86,7 @@
 .icon-tools { width: 24px; height: 24px; }
 .icon-total-tickets { width: 48px; height: 83px; }
 .icon-trash { width: 16px; height: 16px; }
-.icon-twitter-button { width: 29px; height: 22px; }
+.icon-twitter-button { width: 29px; height: 24px; }
 .icon-twitter { width: 17px; height: 17px; }
 .icon-unmute { width: 16px; height: 16px; }
 .icon-user { width: 16px; height: 16px; }

app/assets/stylesheets/zammad.scss

@@ -2462,8 +2462,7 @@ ol.tabs li {
   padding: 0 10px 0 7px;
   margin-bottom: 10px;
   color: white !important;
-  line-height: 22px;
-  text-align: center;
+  line-height: 23px;
   border-radius: 4px;
   display: flex;
   align-items: center;
@@ -2479,7 +2478,8 @@ ol.tabs li {
   }
 
   &.auth-provider--google {
-    background: #d8543c;
+    background: hsl(0,0%,93%);
+    color: hsl(0,0%,46%) !important;
   }
 
   &.auth-provider--twitter {
@@ -2494,13 +2494,19 @@ ol.tabs li {
     background: #006087;
   }
 
+  &.auth-provider--github {
+    background: hsl(0,0%,27%);
+  }
+
+  &.auth-provider--gitlab {
+    background: hsl(10,78%,53%);
+  }
+
   .provider-name {
     flex: 1;
   }
 
   .provider-icon {
-    width: 29px;
-    height: 22px;
     margin-right: 10px;
     margin-top: 1px;
   }

public/assets/images/icons/email-button.svg

@@ -1,12 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="29px" height="22px" viewBox="0 0 29 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 40.2 (33826) - http://www.bohemiancoding.com/sketch -->
+<svg width="29px" height="24px" viewBox="0 0 29 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
     <title>email-button</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="email-button" fill="#FFFFFF">
-            <path d="M3.692327,4 L25.3063956,4 L14.4948188,13.2789684 L3.692327,4 Z M26,5.55434383 L26,19 L3,19 L3,5.55530843 L13.9696218,14.9778358 L14.4960016,15.4299778 L15.0225136,14.9779923 L26,5.55434383 Z" id="mail"></path>
+            <path d="M3.692327,5 L25.3063956,5 L14.4948188,14.2789684 L3.692327,5 Z M26,6.55434383 L26,20 L3,20 L3,6.55530843 L13.9696218,15.9778358 L14.4960016,16.4299778 L15.0225136,15.9779923 L26,6.55434383 Z" id="mail"></path>
         </g>
     </g>
 </svg>

public/assets/images/icons/facebook-button.svg

@@ -1,18 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="29px" height="22px" viewBox="0 0 29 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 40.2 (33826) - http://www.bohemiancoding.com/sketch -->
+<svg width="29px" height="24px" viewBox="0 0 29 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
     <title>facebook-button</title>
     <desc>Created with Sketch.</desc>
-    <defs>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
-            <stop stop-color="#FFFFFF" offset="0%"></stop>
-            <stop stop-color="#E6EAF1" offset="100%"></stop>
-        </linearGradient>
-    </defs>
+    <defs></defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="facebook-button">
-            <polygon id="bar" fill="#778EBA" points="0 17 29 17 29 22 0 22"></polygon>
-            <path d="M17.9191655,22 L17.9191655,11.9437767 L15,11.9437767 L15,7.97364464 L17.9773243,7.97364464 L17.9773243,3.93510204 C17.9773243,1.85079647 19.5752523,0 22.028952,0 L27,0 L27,3.80793996 L23.1369773,3.80793996 C22.0660533,3.80793996 21.9436541,3.84603385 21.9436541,4.84117843 L21.9356322,7.97364464 L25.4873949,7.97364464 L25.1013409,11.9437767 L21.8759692,11.9437767 L21.9768096,22 L17.9191655,22 Z" id="f" fill="url(#linearGradient-1)"></path>
+            <polygon id="bar" fill="#778EBA" points="0 18 29 18 29 23 0 23"></polygon>
+            <path d="M18,23 L18,13 L15,13 L15,9 L18,9 L18,4.90979004 C18,2.82548447 19.5463004,1 22,1 L27,1 L27,4.80793996 L23.1369773,4.80793996 C22.0660533,4.80793996 22,4.83291939 22,5.82806396 L22,9 L25.5,9 L25,13 L22,13 L22,23 L18,23 Z" id="f" fill="#FFFFFF"></path>
         </g>
     </g>
 </svg>

public/assets/images/icons/github-button.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="29px" height="24px" viewBox="0 0 29 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
+    <title>github-button</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="github-button" fill="#FFFFFF">
+            <path d="M14.4973408,1 C8.27015495,1 3.22000003,6.04946255 3.22000003,12.2787255 C3.22000003,17.2617204 6.45129603,21.4886461 10.9330143,22.9800135 C11.4972967,23.0838691 11.7029309,22.7356065 11.7029309,22.4365021 C11.7029309,22.1685545 11.6932377,21.4595665 11.6876988,20.5186341 C8.55056525,21.1999273 7.88865847,19.0064956 7.88865847,19.0064956 C7.37561147,17.7034532 6.63615912,17.3565752 6.63615912,17.3565752 C5.61214224,16.6572804 6.71370468,16.6711278 6.71370468,16.6711278 C7.84573146,16.7507505 8.44117062,17.8336189 8.44117062,17.8336189 C9.44718585,19.5569307 11.0811817,19.0591158 11.7237021,18.7703971 C11.826173,18.0420227 12.1176612,17.5449002 12.4396138,17.2631051 C9.93530748,16.9785406 7.30222013,16.0106058 7.30222013,11.6888253 C7.30222013,10.4577894 7.74187579,9.45038947 8.46332649,8.66247114 C8.34700814,8.37721424 7.95997269,7.2299553 8.57410587,5.67765926 C8.57410587,5.67765926 9.52057719,5.37440071 11.6752361,6.83391903 C12.5746262,6.58328068 13.5397915,6.45865388 14.4987255,6.45380728 C15.4569671,6.45865388 16.4214401,6.58328068 17.3222149,6.83391903 C19.4754891,5.37440071 20.4205757,5.67765926 20.4205757,5.67765926 C21.0360936,7.2299553 20.6490581,8.37721424 20.5334322,8.66247114 C21.2562676,9.45038947 21.6924614,10.4577894 21.6924614,11.6888253 C21.6924614,16.0216837 19.0552198,16.9750788 16.5432974,17.2541043 C16.9476421,17.602367 17.3083675,18.2905839 17.3083675,19.3422956 C17.3083675,20.8502799 17.2945201,22.066776 17.2945201,22.4365021 C17.2945201,22.7383759 17.4980772,23.0894081 18.0699757,22.9793211 C22.5482321,21.4844918 25.7767586,17.2603357 25.7767586,12.2787255 C25.7767586,6.04946255 20.7266037,1 14.4973408,1" id="Fill-50"></path>
+        </g>
+    </g>
+</svg>

public/assets/images/icons/gitlab-button.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="29px" height="24px" viewBox="0 0 29 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
+    <title>gitlab-button</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="gitlab-button">
+            <path d="M26.2386159,10.4338119 L24.906109,14.5347407 L22.2652709,22.6625237 C22.129435,23.0806687 21.5378043,23.0806687 21.4019039,22.6625237 L18.5484734,14.0035384 L10.0092424,14.0035384 L7.35065738,22.6625237 C7.2148215,23.0806687 6.62319074,23.0806687 6.48729038,22.6625237 L3.84645235,14.5347407 L2.51400989,10.4338119 C2.39242162,10.0597636 2.52561429,9.64999949 2.84376813,9.41881411 L14.3762807,1.03998942 L25.9088577,9.41881411 C26.2270115,9.64999949 26.3601397,10.0597636 26.2386159,10.4338119" id="path46" fill="#FF998A" transform="translate(14.376299, 12.008061) scale(1, -1) translate(-14.376299, -12.008061) "></path>
+            <polygon id="path50" fill="#FFFFFF" transform="translate(14.508270, 16.491657) scale(1, -1) translate(-14.508270, -16.491657) " points="19.0333653 22.9761324 9.98317439 22.9761324 14.3763065 10.0071814"></polygon>
+            <polygon id="path58" fill="#FFC6BD" transform="translate(9.111392, 16.228763) scale(1, -1) translate(-9.111392, -16.228763) " points="14.3763064 9.48141979 9.99158564 22.9761066 3.84647812 22.9761066"></polygon>
+            <path d="M3.84647812,22.9760873 L3.84647812,22.9760873 L2.51397119,18.8751584 C2.39244739,18.5011101 2.52557559,18.091346 2.8437939,17.8602251 L14.3763064,9.48140045 L3.84647812,22.9760873 L3.84647812,22.9760873 Z" id="path66" fill="#FF998A" transform="translate(8.422894, 16.228744) scale(1, -1) translate(-8.422894, -16.228744) "></path>
+            <path d="M3.59428061,1.03997329 L11.0167084,1.03997329 L7.35068318,9.68881602 C7.21478282,10.1070255 6.62315206,10.1070255 6.48731617,9.68881602 L3.59428061,1.03997329 Z" id="path74" fill="#FFFFFF" transform="translate(7.305495, 5.521223) scale(1, -1) translate(-7.305495, -5.521223) "></path>
+            <polygon id="path78" fill="#FFC6BD" transform="translate(19.641221, 16.228763) scale(1, -1) translate(-19.641221, -16.228763) " points="14.3763064 9.48141979 18.7610272 22.9761066 24.9061348 22.9761066"></polygon>
+            <path d="M24.9061283,22.9760873 L24.9061283,22.9760873 L26.2386352,18.8751584 C26.360159,18.5011101 26.2270309,18.091346 25.9088126,17.8602251 L14.3763,9.48140045 L24.9061283,22.9760873 L24.9061283,22.9760873 Z" id="path82" fill="#FF998A" transform="translate(20.329712, 16.228744) scale(1, -1) translate(-20.329712, -16.228744) "></path>
+            <path d="M25.0656275,1.03997329 L17.991121,1.03997329 L21.4019233,9.70824842 C21.5378236,10.1264579 22.1294544,10.1264579 22.2652903,9.70824842 L25.0656275,1.03997329 Z" id="path86" fill="#FFFFFF" transform="translate(21.528374, 5.530939) scale(1, -1) translate(-21.528374, -5.530939) "></path>
+        </g>
+    </g>
+</svg>

public/assets/images/icons/google-button.svg

@@ -1,18 +1,18 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="29px" height="22px" viewBox="0 0 29 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 40.2 (33826) - http://www.bohemiancoding.com/sketch -->
+<svg width="29px" height="24px" viewBox="0 0 29 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
     <title>google-button</title>
     <desc>Created with Sketch.</desc>
-    <defs>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
-            <stop stop-color="#FFFFFF" offset="0%"></stop>
-            <stop stop-color="#FAE7E3" offset="100%"></stop>
-        </linearGradient>
-    </defs>
+    <defs></defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="google-button">
-            <polygon id="plus" fill="#FDF4F2" points="24.0555555 8.04444444 24.0555555 5.00000001 22.0444444 5.00000001 22.0444444 8.04444444 19 8.04444444 19 9.95555556 22.0444444 9.95555556 22.0444444 13 24.0555555 13 24.0555555 9.95555556 27 9.95555556 27 8.04444444"></polygon>
-            <path d="M14.1171842,12.6636942 C13.5107183,12.2277942 12.350971,11.1675267 12.350971,10.5445368 C12.350971,9.81408747 12.5563825,9.45423576 13.6387952,8.595386 C14.7486142,7.71504434 15.5338993,6.4773308 15.5338993,5.03764841 C15.5338993,3.32380642 14.7819902,1.65322379 13.3709734,1.10214919 L15.4983525,1.10214919 L17,0 L10.2903438,0 C7.28216459,0 4.45117649,2.31396223 4.45117649,4.9946646 C4.45117649,7.73378087 6.50176377,9.94469215 9.5620421,9.94469215 C9.77478001,9.94469215 9.98154824,9.94028355 10.1839749,9.92540454 C9.98534713,10.3117078 9.84343141,10.7465057 9.84343141,11.1981113 C9.84343141,11.9591453 10.2466566,12.5766244 10.7565221,13.0803066 C10.3714773,13.0803066 9.99918595,13.0916036 9.59351863,13.0916036 C5.86762027,13.0916036 3,15.5011773 3,17.9997495 C3,20.4605731 6.14358259,22 9.86948095,22 C14.1171842,22 16.4632709,19.5526777 16.4632709,17.0915786 C16.4632709,15.118456 15.8899097,13.9366765 14.1171842,12.6636942 L14.1171842,12.6636942 Z M10.5104592,8.99892878 C8.87768413,8.94839543 7.32589428,7.10339638 7.04423994,4.87886531 C6.76232931,2.65353634 7.85716767,0.950562585 9.48943018,1.00109593 C11.1216927,1.05216121 12.6739951,2.83731814 12.9559057,5.06211518 C13.2373038,7.28744415 12.1424654,9.04972809 10.5104592,8.99892878 L10.5104592,8.99892878 Z M9.28402936,21 C6.79643544,21 5,19.3879579 5,17.4511994 C5,15.5530848 7.22837673,13.9729776 9.71597064,14.0003504 C10.2962607,14.006791 10.8372357,14.1023274 11.3284117,14.2652223 C12.6787524,15.2267583 13.6474751,15.7699202 13.9208457,16.8656365 C13.9722174,17.0878391 14,17.3164824 14,17.5499561 C14,19.4867146 12.7812336,21 9.28402936,21 L9.28402936,21 Z" id="g" fill="url(#linearGradient-1)"></path>
+            <g id="logo_googleg_48dp" transform="translate(3.500000, 1.000000)">
+                <path d="M21.56,11.25 C21.56,10.47 21.49,9.72 21.36,9 L11,9 L11,13.255 L16.92,13.255 C16.665,14.63 15.89,15.795 14.725,16.575 L14.725,19.3350001 L18.28,19.3350001 C20.36,17.42 21.56,14.5999999 21.56,11.25 L21.56,11.25 Z" id="Shape" fill="#4285F4"></path>
+                <path d="M11,22 C13.97,22 16.46,21.015 18.28,19.3350001 L14.725,16.575 C13.74,17.235 12.48,17.6249999 11,17.6249999 C8.135,17.6249999 5.71,15.69 4.845,13.09 L1.17,13.09 L1.17,15.94 C2.98,19.535 6.7,22 11,22 L11,22 Z" id="Shape" fill="#34A853"></path>
+                <path d="M4.845,13.09 C4.625,12.43 4.5,11.725 4.5,11 C4.5,10.275 4.625,9.57 4.845,8.91 L4.845,6.06 L1.17,6.06 C0.425,7.545 0,9.225 0,11 C0,12.775 0.425,14.455 1.17,15.94 L4.845,13.09 L4.845,13.09 Z" id="Shape" fill="#FBBC05"></path>
+                <path d="M11,4.37499999 C12.615,4.37499999 14.065,4.93 15.2049999,6.02000001 L18.36,2.865 C16.455,1.09 13.965,0 11,0 C6.7,0 2.98,2.465 1.17,6.06 L4.845,8.91 C5.71,6.31 8.135,4.37499999 11,4.37499999 L11,4.37499999 Z" id="Shape" fill="#EA4335"></path>
+                <polygon id="Shape" points="0 0 22 0 22 22 0 22"></polygon>
+            </g>
         </g>
     </g>
 </svg>