hashicorp / hashicorp/consul

Update Intentions form

Open
#11,227 3 comments 0 reactions 1 assignee Claimed by @HoiPolloi20 View on GitHub
Hacktoberfest help-wanted theme/ui
Dominant language
Go
Stars
30.1k
Forks
4.6k
Avg merge
1d 18h
Merged PRs (30d)
39

Description

### Overview of issue ###

- All inputs/dropdowns should be of equal height
- Remove separator from above the form actions (save, delete, etc.)
- Remove separator from above the description textarea
- Move the description input to be underneath the radio cards
- Update sizing and spacing of "Source" and "Destination headings"
- Update sizing of "Source service" and "Desination service" subheadings
- Increase space between headings and subheadings
- Move helper text to be below input label but above the actual text input
- Color of separators in permissions modal should be updated to our light border grey color

### Mockup of desired styling ###
**L4**

CleanShot 2021-10-05 at 17 21 54@2x

**Application aware**

CleanShot 2021-10-05 at 17 21 27@2x

**Permissions modal**
CleanShot 2021-10-05 at 16 14 58@2x

This task is applicable to both the create and edit forms.

[Figma file](https://www.figma.com/file/eCFbEIVSIuM1QuCHhndw8X/Hacktoberfest?node-id=1%3A78)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.