Reformatted contact channels into a list

templates/partial/contact_info.html

@@ -20,20 +20,27 @@ <h2 class="govuk-heading-s govuk-!-margin-bottom-1">{% translate "Access require
 
 <div class="govuk-body">
   <h2 class="govuk-heading-s govuk-!-margin-bottom-1">{% translate "Contact channels for questions" %}</h2>
-  <p id="contact_channels" class="govuk-body">
+  <ul id="contact_channels" class="govuk-list">
     {% if further_information.dc_slack_channel_url %}
-      <!-- This should become a list of populated contact channels -->
-      Slack channel: <a href="{{ further_information.dc_slack_channel_url }}" class="govuk-link" rel="noreferrer noopener" target="_blank">{{ further_information.dc_slack_channel_name }} (opens in new tab)</a>
-    {% elif further_information.dc_teams_channel_url %}
-      Teams channel: <a href="{{ further_information.dc_teams_channel_url }}" class="govuk-link" rel="noreferrer noopener" target="_blank">{{ further_information.dc_teams_channel_name }} (opens in new tab)</a>
-    {% elif further_information.dc_team_email %}
-      Email: {{ further_information.dc_team_email|urlize }}
-    {% elif data_owner_email %}
-      {% translate "Contact the data owner with questions." %}
-    {% else %}
-      {% translate 'Not provided' %}
+      <li>
+      <a href="{{ further_information.dc_slack_channel_url }}" class="govuk-link" rel="noreferrer noopener" target="_blank">Slack (opens in new tab)</a>
+      </li>
     {% endif %}
-  </p>
+    {% if further_information.dc_teams_channel_url %}
+      <li>
+      <a href="{{ further_information.dc_teams_channel_url }}" class="govuk-link" rel="noreferrer noopener" target="_blank">MS Teams (opens in new tab)</a>
+      </li>
+    {% endif %}
+    {% if further_information.dc_team_email %}
+      <li>{{ further_information.dc_team_email|urlize }}</li>
+    {% endif %}
+    {% if data_owner_email %}
+      <li>{% translate "Contact the data owner with questions." %}</li>
+    {% endif %}
+    {% if not further_information.dc_teams_channel_url and not further_information.dc_slack_channel_url and not further_information.dc_team_email and not data_owner_email%}
+     <li>Not provided.</li>
+    {% endif %}
+  </ul>
 </div>
 
 <div class="govuk-body">
@@ -44,7 +51,7 @@ <h2 class="govuk-heading-s govuk-!-margin-bottom-1">{% translate "IAO or Data Ow
     {% elif platform.urn == 'performance-hub' %}
       No owner is listed as this data is undergoing a review of ownership.
     {% else %}
-      {% blocktranslate %}Not provided - <a href="https://moj.enterprise.slack.com/archives/C06NPM2200N" class="govuk-link">contact the Data Catalogue team</a> about this data.{% endblocktranslate %}
+      {% blocktranslate %}Not provided - <a href="https://moj.enterprise.slack.com/archives/C06NPM2200N" class="govuk-link" rel="noreferrer noopener" target="_blank">contact the Data Catalogue team</a> about this data.{% endblocktranslate %}
     {% endif %}
   </p>
 </div>