/* app css stylesheet */

html, body { 
	margin: 0;
	padding: 0;
}

/* Parents of the .noteArea need to have a height
 * of 100% if we want to use CSS for setting the
 * height of .noteArea as a percentage.
 */
html, body, .view, .container {
	height: 100%;
}

.view {
	padding-left: 25%;
}

.menu {
	float: left; 
	padding-right: 1ex;
}

.hidden {
	visibility: hidden;
}

.noteArea {
	height: 75%;
	width: 50%;
	margin-left: -26px;
}

#home-icon {
	font-size: 1px;
	margin-left: -150%;
}
#home-icon a {
	color: #aaa;
	text-decoration: none;
}
#home-icon:hover a {
	color: #333;
}


/* app css stylesheet */

html, body { 
	margin: 0;
	padding: 0;
}

/* Parents of the .noteArea need to have a height
 * of 100% if we want to use CSS for setting the
 * height of .noteArea as a percentage.
 */
html, body, .view, .container {
	height: 100%;
}

.view {
	padding-left: 25%;
}

.menu {
	float: left; 
	padding-right: 1ex;
}

.hidden {
	visibility: hidden;
}

.noteArea {
	height: 75%;
	width: 50%;
	margin-left: -26px;

	padding: 4.5em;
	padding-top: 1em;

	border-top: none;
	border-bottom: none;
	border-color: #ccc;

	outline: none;
}

#home-icon {
	font-size: 1px;
	margin-left: -150%;
}
#home-icon a {
	color: #aaa;
	text-decoration: none;
}
#home-icon:hover a {
	color: #333;
}


Make the note area less harsh
UX: Make the note area less harsh

Soften the edges of the note area, so that
it flows more natrually with the rest of
the page.

Change-Id: Ic6078e2da74602d4e64c847a82a64b78d3f647bc
