Update integrations external link icons

app/assets/stylesheets/framework/wells.scss

@@ -93,6 +93,10 @@
       font-size: 12px;
     }
   }
+
+  svg {
+    vertical-align: text-top;
+  }
 }
 
 .light-well {

app/views/projects/services/mattermost_slash_commands/_detailed_help.html.haml

@@ -6,13 +6,13 @@
     1.
     = link_to 'https://docs.mattermost.com/developer/slash-commands.html#enabling-custom-commands', target: '_blank', rel: 'noopener noreferrer nofollow' do
       Enable custom slash commands
-      = icon('external-link')
+      = sprite_icon('external-link', size: 16)
     on your Mattermost installation
   %li
     2.
     = link_to 'https://docs.mattermost.com/developer/slash-commands.html#set-up-a-custom-command', target: '_blank', rel: 'noopener noreferrer nofollow' do
       Add a slash command
-      = icon('external-link')
+      = sprite_icon('external-link', size: 16)
     in your Mattermost team with these options:
 %hr
 

app/views/projects/services/mattermost_slash_commands/_help.html.haml

@@ -7,7 +7,7 @@
       project by entering slash commands in Mattermost.
       = link_to help_page_path('user/project/integrations/mattermost_slash_commands.md'), target: '_blank' do
         View documentation
-        = icon('external-link')
+        = sprite_icon('external-link', size: 16)
     %p.inline
       See list of available commands in Mattermost after setting up this service,
       by entering

app/views/projects/services/slack_slash_commands/_help.html.haml

@@ -8,7 +8,7 @@
       project by entering slash commands in Slack.
       = link_to help_page_path('user/project/integrations/slack_slash_commands.md'), target: '_blank' do
         View documentation
-        = icon('external-link')
+        = sprite_icon('external-link', size: 16)
     %p.inline
       See list of available commands in Slack after setting up this service,
       by entering
@@ -20,7 +20,7 @@
           1.
           = link_to 'https://my.slack.com/services/new/slash-commands', target: '_blank', rel: 'noreferrer noopener nofollow' do
             Add a slash command
-            = icon('external-link')
+            = sprite_icon('external-link', size: 16)
           in your Slack team with these options:
 
       %hr

changelogs/unreleased/update-integrations-external-link-icons.yml

+---
+title: Update integrations external link icons
+merge_request: 20205
+author: George Tsiolis
+type: changed