Align titles and icons in Security pages

Aligned titles and "?" icons in:
- Dependency List
- License Compliance
- Threat Monitoring

Changelog: changed
EE: true
parent dca443fc
......@@ -146,9 +146,10 @@ export default {
<header class="d-md-flex align-items-end my-3">
<div class="mr-auto">
<h2 class="h4 mb-1 mt-0">
<h2 class="h4 mb-1 mt-0 gl-display-flex gl-align-items-center">
{{ __('Dependencies') }}
<gl-link
class="gl-ml-3"
target="_blank"
:href="documentationPath"
:aria-label="__('Dependencies help page link')"
......
......@@ -121,9 +121,9 @@ export default {
</gl-alert>
<header class="my-3">
<h2 class="h4 mb-1">
<h2 class="h4 mb-1 gl-display-flex gl-align-items-center">
{{ s__('Licenses|License Compliance') }}
<gl-link :href="documentationPath" class="vertical-align-middle" target="_blank">
<gl-link :href="documentationPath" class="gl-ml-3" target="_blank">
<gl-icon name="question" />
</gl-link>
</h2>
......
......@@ -69,10 +69,11 @@ export default {
<template>
<section>
<header class="my-3">
<h2 class="h3 mb-1">
<h2 class="h3 mb-1 gl-display-flex gl-align-items-center">
{{ s__('ThreatMonitoring|Threat Monitoring') }}
<gl-link
ref="helpLink"
class="gl-ml-3"
target="_blank"
:href="documentationPath"
:aria-label="s__('ThreatMonitoring|Threat Monitoring help page link')"
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment