ui: Mimic the domain display with spaces and rounded corners

This commit is contained in:
nemunaire 2024-01-10 16:34:51 +01:00
parent f45c17b186
commit 1b0c0c2ac3
2 changed files with 6 additions and 5 deletions

View File

@ -100,6 +100,7 @@
<NewDomainInput <NewDomainInput
autofocus autofocus
class="mt-3" class="mt-3"
id="new-domain"
provider={filteredProvider} provider={filteredProvider}
/> />
{/if} {/if}

View File

@ -94,9 +94,9 @@
} }
</script> </script>
<ListGroup {...$$restProps}> <form on:submit|preventDefault={addDomainToProvider}>
<form on:submit|preventDefault={addDomainToProvider}> <ListGroup {...$$restProps}>
<ListGroupItem class="d-flex justify-content-between align-items-center"> <ListGroupItem class="d-flex justify-content-between align-items-center p-0">
<InputGroup> <InputGroup>
<label for="newdomaininput" class="text-center" style="width: 50px; font-size: 2.3rem"> <label for="newdomaininput" class="text-center" style="width: 50px; font-size: 2.3rem">
<Icon name="plus" /> <Icon name="plus" />
@ -127,5 +127,5 @@
{/if} {/if}
</InputGroup> </InputGroup>
</ListGroupItem> </ListGroupItem>
</form> </ListGroup>
</ListGroup> </form>