From b593377325f90e32f466278132a624f43fe4025a Mon Sep 17 00:00:00 2001
From: sab-LC <sabeen.ammar@localcontexts.org>
Date: Wed, 16 Oct 2024 14:12:28 -0700
Subject: [PATCH] Updated UI in projects gallery and project actions

---
 localcontexts/static/css/main.css        |  4 ++++
 templates/partials/_project-actions.html | 11 +++++++++++
 templates/projects/project-overview.html | 14 +++++++++++++-
 3 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/localcontexts/static/css/main.css b/localcontexts/static/css/main.css
index d28ecbaf5..82442661e 100644
--- a/localcontexts/static/css/main.css
+++ b/localcontexts/static/css/main.css
@@ -1844,4 +1844,8 @@ i[data-tooltip]:hover:after {
     visibility: visible;
     background-color: #EF6C00;
     color: #fff;
+}
+
+.right-auto {
+    right: auto !important 
 }
\ No newline at end of file
diff --git a/templates/partials/_project-actions.html b/templates/partials/_project-actions.html
index 692098153..39bf4c4e0 100644
--- a/templates/partials/_project-actions.html
+++ b/templates/partials/_project-actions.html
@@ -84,6 +84,17 @@ <h1>{{ project.title }}</h1>
                     </p></div>
                 </div>
             {% endif %}
+            {% if project.source_project_uuid %}
+                <div class="flex-this">
+                    <div class="project-left-sidebar"><p class="bold">Level</p></div>
+                    <div>
+                        <p>
+                            <i class="fa-regular fa-diagram-subtask mr-5"></i>Sub Project
+                        
+                        </p>
+                    </div>
+                </div>
+            {% endif %}
         </div>
 
         <div>
diff --git a/templates/projects/project-overview.html b/templates/projects/project-overview.html
index d3984e6a1..ee28c95f9 100644
--- a/templates/projects/project-overview.html
+++ b/templates/projects/project-overview.html
@@ -13,7 +13,19 @@
                         href="{% url 'view-project' project.unique_id %}" 
                     {% endif %}
                 >
-                    {{ project.title }}
+                    <div class="flex-this row">
+                        {% if project.source_project_uuid %}
+                        <div class="btn-with-helptext mr-2p">
+                            <i class="fa-regular fa-diagram-subtask"></i>
+                            <span class="btn-help-text mr-55p right-auto">
+                            This is a Sub project.
+                            </span>
+                        </div>
+                        {% endif %}
+                        <div>  
+                            {{ project.title }}
+                        </div>
+                    </div>
                 </a>
             </td>
             <td>