Tidy styles on user details page

This commit is contained in:
Andrew Kingston 2022-08-02 16:15:09 +01:00
parent 089b615c1b
commit bb5c95b86a
1 changed files with 5 additions and 14 deletions

View File

@ -219,7 +219,7 @@
<Layout gap="L" noPadding>
<Layout gap="XS" noPadding>
<div>
<ActionButton on:click={() => $goto("./")} size="S" icon="ArrowLeft">
<ActionButton on:click={() => $goto("./")} icon="ArrowLeft">
Back
</ActionButton>
</div>
@ -288,7 +288,7 @@
{#if hasGroupsLicense}
<!-- User groups -->
<Layout gap="XS" noPadding>
<Layout gap="S" noPadding>
<div class="tableTitle">
<div>
<Heading size="XS">User groups</Heading>
@ -336,13 +336,10 @@
{/if}
<!-- User Apps -->
<Layout gap="S" noPadding>
<div class="appsTitle">
<div>
<Heading size="XS">Apps</Heading>
<div style="margin-top: var(--spacing-xs)">
<Body size="S">Manage apps that this user has been assigned to</Body>
</div>
</div>
<List>
{#if allAppList.length}
{#each allAppList as app}
@ -388,7 +385,7 @@
}
.field {
display: grid;
grid-template-columns: 32% 1fr;
grid-template-columns: 100px 1fr;
align-items: center;
}
@ -401,7 +398,6 @@
.tableTitle {
display: flex;
justify-content: space-between;
margin-bottom: var(--spacing-m);
}
.subtitle {
@ -411,9 +407,4 @@
justify-content: center;
align-items: stretch;
}
.appsTitle {
display: flex;
flex-direction: column;
}
</style>