From 35319ebca9dba2938141550178bfa854cb5a4ff9 Mon Sep 17 00:00:00 2001
From: Saurabh Kumar <theskumar@users.noreply.github.com>
Date: Wed, 17 Apr 2024 22:01:20 +0800
Subject: [PATCH] Update styling of the opinion info message (#3878)

The messages display below the opinion buttons looks like part of the
rest of the form display

This PR add styling so the info displayed is little different
---
 hypha/apply/review/templates/review/review_detail.html | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/hypha/apply/review/templates/review/review_detail.html b/hypha/apply/review/templates/review/review_detail.html
index 535f6ff36..0c84fc7e4 100644
--- a/hypha/apply/review/templates/review/review_detail.html
+++ b/hypha/apply/review/templates/review/review_detail.html
@@ -81,7 +81,10 @@
             {{ form }}
         </form>
 
-        <P>{% trans "An opinion is a replacement for a review. You will no longer be able to submit a review for this application." %}</P>
+        <em class='text-fg-muted flex items-center mb-8'>
+            {% heroicon_micro "information-circle" class="mr-1 w-4 h-4 fill-fg-muted" aria_hidden=true %}
+            <span>{% trans "An opinion is a replacement for a review. You will no longer be able to submit a review for this application." %}</span>
+        </em>
     {% endif %}
 
 {% endblock %}
-- 
GitLab