From 492ba6889ccb5cd598c6e90925926ae470f8603e Mon Sep 17 00:00:00 2001
From: agagancarczyk <agagancarczyk@gmail.com>
Date: Mon, 4 Jul 2022 17:29:16 +0100
Subject: [PATCH] Accessibility fixes for Real Settings page (#2897)

---
 src/realm-settings/RealmSettingsTabs.tsx      | 1 +
 src/realm-settings/keys/KeysListTab.tsx       | 5 +++--
 src/realm-settings/realm-settings-section.css | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/realm-settings/RealmSettingsTabs.tsx b/src/realm-settings/RealmSettingsTabs.tsx
index 173fb27d61..57641eaa7b 100644
--- a/src/realm-settings/RealmSettingsTabs.tsx
+++ b/src/realm-settings/RealmSettingsTabs.tsx
@@ -360,6 +360,7 @@ export const RealmSettingsTabs = ({
               })}
             >
               <Tab
+                id="profiles"
                 data-testid="rs-policies-clientProfiles-tab"
                 aria-label={t("clientProfilesSubTab")}
                 title={
diff --git a/src/realm-settings/keys/KeysListTab.tsx b/src/realm-settings/keys/KeysListTab.tsx
index 49d648a9ec..96a6942c27 100644
--- a/src/realm-settings/keys/KeysListTab.tsx
+++ b/src/realm-settings/keys/KeysListTab.tsx
@@ -147,7 +147,7 @@ export const KeysListTab = ({ realmComponents }: KeysListTabProps) => {
               setPublicKey(publicKey!);
             }}
             variant="secondary"
-            id="kc-rsa-public-key"
+            id={publicKey}
           >
             {t("publicKeys").slice(0, -1)}
           </Button>
@@ -157,7 +157,8 @@ export const KeysListTab = ({ realmComponents }: KeysListTabProps) => {
               setCertificate(certificate!);
             }}
             variant="secondary"
-            id="kc-certificate"
+            id={certificate}
+            className="kc-certificate"
           >
             {t("certificate")}
           </Button>
diff --git a/src/realm-settings/realm-settings-section.css b/src/realm-settings/realm-settings-section.css
index c0ac772f87..ec43028edd 100644
--- a/src/realm-settings/realm-settings-section.css
+++ b/src/realm-settings/realm-settings-section.css
@@ -44,7 +44,7 @@ article.pf-c-card.pf-m-flat.kc-email-connection
   padding-bottom: var(--pf-global--spacer--2xl);
 }
 
-button#kc-certificate.pf-c-button.pf-m-secondary {
+button.kc-certificate.pf-c-button.pf-m-secondary {
   margin-left: var(--pf-global--spacer--md);
 }