.notes-list-container {
	display: flex;
	width: 100%;
	overflow-y: auto;
	flex-grow: 1;
}

.notes-list {
	display: flex;
	flex-direction: column;
	height: 0;
	flex-grow: 1;
}

.note-row {
	padding: 8px 12px;

	&:not(:last-child) {
		border-bottom: 1px solid $shade-3;
	}
	
	&:active {
		background: #e2e2e2;
	}
	
	.inner {
		> *:not(:first-child) {
			margin-top: 3px;
		}
		
		.first-line {
			display: flex;

			.title {
				flex-grow: 1;
				width: 0;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				font-weight: bold;
			}
		}

		.second-line {
			display: flex;

			.date {
				color: $shade-6;
			}

			.body {
				flex-grow: 1;
				width: 0;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				margin-left: 10px;
				color: $shade-6;
			}
		}
	}
}