Cotary Create: Styling feedback

[pimato]

Hey guys,

I am gonna to request a change per comment in this issue

[pimato]

Border of the header:

currently looks like:

• remove margin
• color should be #EAEDF3
• should be aligned to the left and right side of the widget.
• height should ne 1px

should look like:

[pimato]

Header Title to big

currently:

• letter-spacing: 0.6px;
• font-size: 18px instead of 28px
• title should be aligned vertical centered
• text color #3E3F42

should look like:

[pimato]

Menu Button:

Currenty:

Should:

• 32px width and height and not 35px
• 3 dots should have the color #536DFE
• Button is not aligned centered
• Border color should be #EEF0FF
• Icon more:
  more.svg.zip

Should look like:

[Flash-Git]

Looks good!
You guys got this? @cbrzn @mrrobot16

[pimato]

Navigation Indicator:

Currently:

• margin left is currently 24px but should be 30px
• Set Description should have margin left of 20px to the number circle instead of 8px
• The size of the number circle should be 32px and not 28px
• The circles should be connected without any gaps
• The number in the circle is not aligned centered vertically and horizontally
• border color should be #EDEDEF
• active blue color should be: #1665D8
• Set Description should have the color #1665D8

Should look like:

[mrrobot16]

@pimato Thanks for this. What else do you think we should tackle?

[pimato]

Set Description Box

Current:

changes:

• Set Description Box should be aligned left with the Blue Title
• Content of the Set Description should have 30px padding-left & right and 24 px padding-top & bottom
• DAO Name should be renamed as in my mockups to Organisation Name
• Organisation name and Organisation Symbol should have a font-size of 12px and text color #9EA0A5
• Placeholders should be there according my designs: "Organisation Name..." and "ABCT..."
• Placeholder text color should have the color #9EA0A5
• Button disabled should have
  width: 134px;
  height: 34px;
  border: 1px solid #EAEDF3;
  border-radius: 3px;
  font-size should be 14px
  text-color: #78797B

Those checks should be removed and instead Placeholders should be appear again:

Inputfield:

• Space between the left and right inputfield is currently 30px and should be reduced to 24px
• Normal border-color: #E2E5ED
• Text should have a padding-left: 16px and top&bottom 8px
• Text size should be 14px
• font-weight:400

onHover & active border-color: #1665D8

• as soon as the user inputs something the text-color should be #3E3F42

Info icon should be replaced with:
info-revert.svg.zip