fix: center EditorJS image block in editor; rename Programmes button to Edit

views/admin/dashboard.ejs

@@ -174,7 +174,7 @@
               </div>
             </div>
             <a href="/admin/programme" class="btn btn-sm btn-primary w-100 mt-2">
-              <i class="fas fa-edit me-2"></i>Manage
+              <i class="fas fa-edit me-2"></i>Edit
             </a>
           </div>
         </div>

views/layouts/main.ejs

@@ -672,6 +672,34 @@
         padding: 0 1rem;
       }
     }
+
+    /* ── EditorJS image block: center when smaller than container ── */
+    .image-tool__image {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .image-tool__image-picture {
+      display: block;
+      max-width: 100%;
+      height: auto;
+      margin: 0 auto;
+      border-radius: 6px;
+    }
+
+    /* Ensure the cdx-block wrapper doesn't left-align */
+    .cdx-block.image-tool {
+      text-align: center;
+    }
+
+    /* caption stays centred too */
+    .image-tool__caption {
+      text-align: center;
+      font-size: 0.875rem;
+      color: #6c757d;
+      margin-top: 0.5rem;
+    }
   </style>
   <%- style %>
 </head>