Fine-tuning of layout in Authorization Evaluate page (#2963)

src/clients/authorization/AuthorizationEvaluate.tsx

@@ -392,6 +392,8 @@ export const AuthorizationEvaluate = ({ client }: Props) => {
           <ActionGroup>
             <Button
               data-testid="authorization-eval"
+              id="authorization-eval"
+              className="pf-u-mr-md"
               isDisabled={!isValid}
               onClick={() => evaluate()}
             >
@@ -399,6 +401,8 @@ export const AuthorizationEvaluate = ({ client }: Props) => {
             </Button>
             <Button
               data-testid="authorization-revert"
+              id="authorization-revert"
+              className="pf-u-mr-md"
               variant="link"
               onClick={() => reset()}
             >

src/clients/authorization/auth-evaluate.css

@@ -20,4 +20,15 @@ button#reevaluate-btn {
   margin-right: var(--pf-global--spacer--md);
 }
 
+.kc-identity-information, .kc-permissions {
+  border: none !important;
+}
 
+.kc-identity-information > div.pf-c-card__header.kc-form-panel__header {
+  padding-top: 0;
+}
+
+#resourcesAndAuthScopes > .pf-c-form__group-control > .kc-attributes__table > thead #key, 
+#resourcesAndAuthScopes > .pf-c-form__group-control > .kc-attributes__table > thead #value {
+  display:none
+}

src/clients/authorization/key-based-attribute-input.css

@@ -23,13 +23,13 @@
 }
 
 .pf-c-select.kc-attribute-key-selectable {
-  width: 500px;
+  width: 400px;
 }
 
 .pf-c-select.kc-attribute-value-selectable {
-  width: 500px;
+  width: 400px;
 }
 
 .pf-c-form-control.value-input {
-  width: 350px;
+  width: 400px;
 }