Styling for the help link.

opentech/apply/templates/forms/includes/field.html

@@ -25,7 +25,7 @@
     {% endif %}
 
     {% if field.field.help_link %}
-        <a class="form__help-link" href="{{ field.field.help_link }}" target="_blank">See help guide for more information.</a>
+        <p class="form__help-link"><a href="{{ field.field.help_link }}" target="_blank">See help guide for more information.<svg class="form__open-icon"><use xlink:href="#open-in-new-tab"></use></svg></a></p>
     {% endif %}
 
     <div class="form__item">

opentech/static_src/src/sass/apply/components/_form.scss

@@ -196,6 +196,16 @@
         }
     }
 
+    &__help-link {
+        text-align: right;
+    }
+
+    &__open-icon {
+        width: 20px;
+        height: 20px;
+        fill: $color--dark-grey;
+    }
+
     &__item {
         position: relative;
         padding-bottom: 10px;

opentech/static_src/src/sass/public/components/_form.scss

@@ -144,6 +144,16 @@
     &__help {
     }
 
+    &__help-link {
+        text-align: right;
+    }
+
+    &__open-icon {
+        width: 20px;
+        height: 20px;
+        fill: $color--dark-grey;
+    }
+
     &__item {
         position: relative;
         padding-bottom: 10px;