update governance ui

actix_mvc_app/src/views/governance/proposals.html

@@ -3,14 +3,6 @@
 {% block title %}Proposals - Governance Dashboard{% endblock %}
 
 {% block content %}
-<div class="container-fluid">
-    <div class="row mb-4">
-        <div class="col-12">
-            <h1 class="display-5 mb-4">Governance Proposals</h1>
-            <p class="lead">View and vote on all proposals in the system.</p>
-        </div>
-    </div>
-
     <!-- Success message if present -->
     {% if success %}
     <div class="row mb-4">
@@ -24,7 +16,7 @@
     {% endif %}
 
     <!-- Navigation Tabs -->
-    <div class="row mb-4">
+    <div class="row mb-3">
         <div class="col-12">
             <ul class="nav nav-tabs">
                 <li class="nav-item">
@@ -43,6 +35,17 @@
         </div>
     </div>
 
+    <div class="col-12">
+        <div class="alert alert-info alert-dismissible fade show">
+            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+            <h5><i class="bi bi-info-circle"></i> About Proposals</h5>
+            <p>Proposals are formal requests for changes to the platform that require community approval. Each proposal includes a detailed description, implementation plan, and voting period. Browse the list below to see all active and past proposals.</p>
+            <div class="mt-2">
+                <a href="/governance/proposal-guidelines" class="btn btn-sm btn-outline-primary"><i class="bi bi-file-text"></i> Proposal Guidelines</a>
+            </div>
+        </div>
+    </div>
+
     <!-- Filter Controls -->
     <div class="row mb-4">
         <div class="col-12">
@@ -124,5 +127,4 @@
             </div>
         </div>
     </div>
-</div>
 {% endblock %}