Maple loans design notes

maple-design-notes.md

Homepage

• Remove one of the header background images

Create Community

• Kill bottom margin on section header (label div)

.ui.form .field {
	clear: both;
	margin: 0;
}

My Communities

• You must click on the text to the Create Community button in order for it to work. The entire button should be clickable.

Find Communities

• Join as Borrower and Lender buttons do not nothing

Admin

• Use button group for section buttons in top right and kill border

<div class=“ui three buttons”>
	<form>
		<button class=“ui active button” formaction="http://stackoverflow.com">One</button>
		<button class=“ui button” formaction="http://stackoverflow.com">Two</button>
		<button class=“ui button” formaction="http://stackoverflow.com">Three</button>
	</form>
</div>

Member pill

i.icon {
	margin: 0 .5rem 0 .2rem;
}

label {
	font-size: 12.5px;
}

Member blockies

• Have the dimension of 40px X 50px

General

• Buttons states do not match Figma
  • Some have blue tex -Remove background from all other pages