fix: batch ui and ux

lms/public/css/style.css

@@ -911,7 +911,7 @@ input[type=checkbox] {
 .profile-name-section {
   display: flex;
   align-items: center;
-  margin: 1rem 0 0.25rem;
+  margin: 0.5rem 0 0.25rem;
 }
 
 @media (max-width: 550px) {
@@ -2194,15 +2194,6 @@ select {
 	grid-gap: 1rem;
 }
 
-.btn-remove-course {
-	opacity: 0;
-	margin-top: 0.25rem;
-}
-
-.btn-remove-course:hover {
-	opacity: 1;
-}
-
 .rows .grid-row .data-row,
 .rows .grid-row .grid-footer-toolbar,
 .grid-form-heading {
@@ -2344,4 +2335,8 @@ select {
 	grid-template-columns: 1fr 1fr;
 	grid-gap: 0.5rem;
 	margin-bottom: 1rem;
+}
+
+.batch-course-list .cards-parent {
+	row-gap: 3rem
 }