From c4aeaf5bb71e73d2747f5d5ff8f0b54645d8799f Mon Sep 17 00:00:00 2001
From: Sebastian Malton <sebastian@malton.name>
Date: Tue, 20 Jul 2021 00:40:02 -0400
Subject: [PATCH] Fix styling on cluster roles and bindings (#3434)

Signed-off-by: Sebastian Malton <sebastian@malton.name>
---
 .../+user-management/+cluster-role-bindings/details.scss    | 4 ++--
 .../+user-management/+cluster-role-bindings/details.tsx     | 2 +-
 .../+user-management/+cluster-roles/add-dialog.scss         | 4 ++--
 .../+user-management/+cluster-roles/add-dialog.tsx          | 6 +++---
 .../components/+user-management/+cluster-roles/details.scss | 4 ++--
 5 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/renderer/components/+user-management/+cluster-role-bindings/details.scss b/src/renderer/components/+user-management/+cluster-role-bindings/details.scss
index 1efb4412a2..1afe80f236 100644
--- a/src/renderer/components/+user-management/+cluster-role-bindings/details.scss
+++ b/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 {
-}
\ No newline at end of file
+.ClusterRoleBindingDetails {
+}
diff --git a/src/renderer/components/+user-management/+cluster-role-bindings/details.tsx b/src/renderer/components/+user-management/+cluster-role-bindings/details.tsx
index 08087324cc..7dea8c083e 100644
--- a/src/renderer/components/+user-management/+cluster-role-bindings/details.tsx
+++ b/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" />
diff --git a/src/renderer/components/+user-management/+cluster-roles/add-dialog.scss b/src/renderer/components/+user-management/+cluster-roles/add-dialog.scss
index 4b94e11c4b..cc0e3fcdd6 100644
--- a/src/renderer/components/+user-management/+cluster-roles/add-dialog.scss
+++ b/src/renderer/components/+user-management/+cluster-roles/add-dialog.scss
@@ -19,8 +19,8 @@
  * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
-.AddRoleDialog {
+.AddClusterRoleDialog {
   .AceEditor {
     min-height: 200px;
   }
-}
\ No newline at end of file
+}
diff --git a/src/renderer/components/+user-management/+cluster-roles/add-dialog.tsx b/src/renderer/components/+user-management/+cluster-roles/add-dialog.tsx
index 4006334903..f6866355b3 100644
--- a/src/renderer/components/+user-management/+cluster-roles/add-dialog.tsx
+++ b/src/renderer/components/+user-management/+cluster-roles/add-dialog.tsx
@@ -76,12 +76,12 @@ export class AddClusterRoleDialog extends React.Component<Props> {
     return (
       <Dialog
         {...dialogProps}
-        className="AddRoleDialog"
+        className="AddClusterRoleDialog"
         isOpen={AddClusterRoleDialog.isOpen.get()}
         close={AddClusterRoleDialog.close}
       >
-        <Wizard 
-          header={<h5>Create ClusterRole</h5>} 
+        <Wizard
+          header={<h5>Create ClusterRole</h5>}
           done={AddClusterRoleDialog.close}
         >
           <WizardStep
diff --git a/src/renderer/components/+user-management/+cluster-roles/details.scss b/src/renderer/components/+user-management/+cluster-roles/details.scss
index 542e2423cc..1a68357d89 100644
--- a/src/renderer/components/+user-management/+cluster-roles/details.scss
+++ b/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;
@@ -39,4 +39,4 @@
       margin-bottom: $margin * 2;
     }
   }
-}
\ No newline at end of file
+}