Use HTMX in UE details

pedagogy/static/pedagogy/css/pedagogy.scss

@@ -128,14 +128,14 @@ $pedagogy-white-text: #f0f0f0;
       grid-area: hours-the;
     }
 
-    #leave_comment_not_allowed {
+    .leave-comment-not-allowed {
       p {
         text-align: center;
         color: red;
       }
     }
 
-    #leave_comment {
+    .leave-comment {
       .leave-comment-grid-container {
         display: grid;
         grid-template-columns: 270px auto;
@@ -169,9 +169,11 @@ $pedagogy-white-text: #f0f0f0;
         margin-top: 20px;
       }
 
-      input[type="submit"] {
-        float: right;
+      .right {
+        display: flex;
+        justify-content: flex-end;
       }
+
     }
 
     .ue-details-container {
@@ -333,8 +335,9 @@ $pedagogy-white-text: #f0f0f0;
           padding-left: 10px;
         }
 
-        .actions {
+        .action {
           float: right;
+          margin-top: 0;
         }
       }