mgr/dashboard: minor fixes to crud form UI

Fixes: https://tracker.ceph.com/issues/58864
Signed-off-by: Nizamudeen A <nia@redhat.com>

diff --git a/src/pybind/mgr/dashboard/controllers/_crud.py b/src/pybind/mgr/dashboard/controllers/_crud.py
index 0ac299db6e4674f6948e2976c348c74b0d349c7c..14af17bc55b0e75368c764da9b7950808ea10462 100644 (file)
--- a/src/pybind/mgr/dashboard/controllers/_crud.py
+++ b/src/pybind/mgr/dashboard/controllers/_crud.py
@@ -275,7 +275,7 @@ class Form:
                     'displayFlex': True,
                     'htmlClass': 'd-flex justify-content-end mb-0',
                     'items': [
-                        {"type": "cancel", "style": self.cancel_style, 'htmlClass': 'mr-2'},
+                        {"type": "cancel", "style": self.cancel_style, 'htmlClass': 'me-2'},
                         {"type": "submit", "style": self.submit_style, "title": self.action},
                     ]
                 }

diff --git a/src/pybind/mgr/dashboard/controllers/ceph_users.py b/src/pybind/mgr/dashboard/controllers/ceph_users.py
index 3562f33a227122c28d0c7f7158e0ec6f9ffd386a..a2952dbf867abe49579a4018b0319d01c6860bfd 100644 (file)
--- a/src/pybind/mgr/dashboard/controllers/ceph_users.py
+++ b/src/pybind/mgr/dashboard/controllers/ceph_users.py
@@ -61,7 +61,7 @@ class CephUserEndpoints:
 create_cap_container = ArrayHorizontalContainer('Capabilities', 'capabilities',
                                                 label_html_class='hidden cd-header mt-1', fields=[
                                                     FormField('Entity', 'entity',
-                                                              field_type=str, html_class='mr-3'),
+                                                              field_type=str, html_class='me-3'),
                                                     FormField('Entity Capabilities',
                                                               'cap', field_type=str)
                                                 ])

diff --git a/src/pybind/mgr/dashboard/frontend/src/styles.scss b/src/pybind/mgr/dashboard/frontend/src/styles.scss
index f2c3052f800abc681b903ad51fb8abada8c05f4a..e5cea86285f2175e2995df856eabe3a258627cee 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/styles.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/styles.scss
@@ -230,4 +230,12 @@ json-schema-form {
   .ng-touched.ng-valid {
     @extend .is-valid;
   }
+
+  .close {
+    @extend .btn-close;
+
+    span {
+      display: none;
+    }
+  }
 }