Fix styling on cluster roles and bindings (#3434)

Signed-off-by: Sebastian Malton <sebastian@malton.name>

src/renderer/components/+user-management/+cluster-role-bindings/details.scss

@@ -19,5 +19,5 @@
  * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
-.RoleBindingDetails {
+.ClusterRoleBindingDetails {
 }

src/renderer/components/+user-management/+cluster-role-bindings/details.tsx

@@ -81,7 +81,7 @@ export class ClusterRoleBindingDetails extends React.Component<Props> {
     const subjects = clusterRoleBinding.getSubjects();
 
     return (
-      <div className="RoleBindingDetails">
+      <div className="ClusterRoleBindingDetails">
         <KubeObjectMeta object={clusterRoleBinding} />
 
         <DrawerTitle title="Reference" />

src/renderer/components/+user-management/+cluster-roles/add-dialog.scss

@@ -19,7 +19,7 @@
  * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
-.AddRoleDialog {
+.AddClusterRoleDialog {
   .AceEditor {
     min-height: 200px;
   }

src/renderer/components/+user-management/+cluster-roles/add-dialog.tsx

@@ -76,7 +76,7 @@ export class AddClusterRoleDialog extends React.Component<Props> {
     return (
       <Dialog
         {...dialogProps}
-        className="AddRoleDialog"
+        className="AddClusterRoleDialog"
         isOpen={AddClusterRoleDialog.isOpen.get()}
         close={AddClusterRoleDialog.close}
       >

src/renderer/components/+user-management/+cluster-roles/details.scss

@@ -19,7 +19,7 @@
  * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
-.RoleDetails {
+.ClusterRoleDetails {
   .rule {
     display: grid;
     grid-template-columns: min-content auto;