Sdded some css to fix alignment (#3402)

This commit is contained in:
Erik Jan de Wit 2022-09-29 13:07:15 +02:00 committed by GitHub
parent f0ee68afc9
commit 283390dee9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 17 deletions

View file

@ -289,3 +289,11 @@ input#kc-scopes {
.kc-attributeCancel {
align-self: center;
}
.kc--attributes-validations--add-validation-button {
margin-top: -55px;
float: right;
}
.kc--attributes-validations--action-cell {
text-align: right;
}

View file

@ -3,8 +3,6 @@ import {
Button,
ButtonVariant,
Divider,
Flex,
FlexItem,
Text,
TextVariants,
} from "@patternfly/react-core";
@ -78,20 +76,16 @@ export const AttributeValidations = () => {
)}
<DeleteConfirm />
<div className="kc-attributes-validations">
<Flex>
<FlexItem align={{ default: "alignRight" }}>
<Button
id="addValidator"
onClick={() => toggleModal()}
variant="link"
className="kc-addValidator"
data-testid="addValidator"
className="kc--attributes-validations--add-validation-button"
icon={<PlusCircleIcon />}
>
{t("realm-settings:addValidator")}
</Button>
</FlexItem>
</Flex>
<Divider />
<TableComposable aria-label="validators-table">
<Thead>
@ -110,7 +104,7 @@ export const AttributeValidations = () => {
<Td dataLabel={t("validatorColNames.colConfig")}>
{JSON.stringify(validator.value)}
</Td>
<Td>
<Td className="kc--attributes-validations--action-cell">
<Button
key="validator"
variant="link"