Display link icon on hover

hypha/apply/stream_forms/templates/stream_forms/heading_field.html

+<div class="section-head">
 {% if self.size == 'h2' %}
         <h2 id="{{ value.heading_text|slugify }}">{{ value.heading_text }}
             <a href="#{{ value.heading_text|slugify }}">
@@ -25,3 +26,4 @@
             </a>
         </h4>
 {% endif %}
+</div>

hypha/static_src/src/javascript/apply/application-form-links-new-window.js

@@ -3,7 +3,7 @@
     'use strict';
 
     // Make links on application forms open in a new window/tab.
-  $('.application-form').find('a').not('h2 > a').not('h3 > a').not('h4 > a').attr({
+  $('.application-form').find('a').not('.section-head a').attr({
         target: '_blank',
         rel: 'noopener noreferrer'
     });

hypha/static_src/src/sass/public/components/_section.scss

@@ -34,3 +34,17 @@
         }
     }
 }
+
+.section-head{
+    a {
+       display : none;
+       line-height: 30px;
+       vertical-align: middle;
+    }
+
+    &:hover {
+        a {
+        display: inline;
+        }
+    }
+}