fix: Spacing issues and colorization in conflict review display (ietf-tools#3882)

Co-authored-by: Nicolas Giard <github@ngpixel.com>

Author: larseggert

ietf/templates/doc/document_conflict_review.html

@@ -28,12 +28,7 @@
                 <td class="edit"></td>
                 <td>
                     <a href="{% url "ietf.doc.views_doc.document_main" name=conflictdoc.canonical_name %}">
-                        {% if conflictdoc.get_state_slug == 'rfc' %}
-                            {{ conflictdoc.canonical_name|upper }}
-                        {% else %}
-                            {{ conflictdoc.canonical_name }}-{{ conflictdoc.rev }}
-                        {% endif %}
-                    </a>
+                        {% if conflictdoc.get_state_slug == 'rfc' %}{{ conflictdoc.canonical_name|prettystdname }}{% else %}{{ conflictdoc.canonical_name }}-{{ conflictdoc.rev }}{% endif %}</a>
                     <span class="badge bg-info">{{ conflictdoc.stream }} stream</span>
                     {% if snapshot %}<span class="badge bg-warning">Snapshot</span>{% endif %}
                 </td>
@@ -58,7 +53,13 @@
                         </a>
                     {% endif %}
                 </td>
-                <td>{{ doc.get_state.name }}</td>
+                <td>
+                    {% if "no-problem" in doc.get_state.name|slugify %}
+                        <span class="text-success">{{ doc.get_state.name}}</span>
+                    {% else %}
+                        {{ doc.get_state.name }}
+                    {% endif %}
+                </td>
             </tr>
         </tbody>
         <tbody class="meta border-top">
@@ -148,4 +149,4 @@
     </script>
     <script src="{% static 'ietf/js/document_timeline.js' %}">
     </script>
-{% endblock %}
+{% endblock %}