Change go back < to icon and add nav (#532)

- Label the nav as secondary

src/main/resources/META-INF/resources/webjars/form-flow/0.0.1/css/libraryStyles.css

@@ -731,3 +731,13 @@ body,
     display: block;
   }
 }
+
+.underline {
+  text-decoration: underline;
+}
+
+.go-back-link {
+  text-decoration: none;
+  display: inline-flex;
+  align-items: center;
+}

src/main/resources/messages-form-flow.properties

@@ -8,6 +8,7 @@ general.year-format=yyyy
 general.edit=edit
 general.delete=delete
 general.go-back=Go Back
+general.go-back-region=Secondary
 general.inputs.yes=Yes
 general.inputs.no=No
 general.inputs.continue=Continue

src/main/resources/messages-form-flow_es.properties

@@ -8,6 +8,7 @@ general.year-format=aaaa
 general.edit=editar
 general.delete=borrar
 general.go-back=Regresa
+general.go-back-region=Secundario
 general.inputs.yes=Sí
 general.inputs.no=No
 general.inputs.continue=Continuar

src/main/resources/templates/fragments/goBack.html

@@ -1,7 +1,7 @@
-<div th:fragment="goBackLink" class="form-width">
-  <a th:text="'&lt; ' + #{general.go-back}"
-     id="back-link"
-     class="toolbar__left"
-     href="#"
-     onclick="window.history.back(); return false;"></a>
-</div>
+<nav th:fragment="goBackLink" class="form-width" th:aria-label="#{general.go-back-region}">
+  <a id="back-link" class="toolbar__left go-back-link" href="#"
+     onclick="window.history.back(); return false;">
+    <i class="icon-navigate_before" aria-hidden="true"></i>
+    <span class="underline" th:text="#{general.go-back}"></span>
+  </a>
+</nav>