<div class="controls row">
	<div class="metadata col col-3">
	</div>
	<div class="col col-6 d-flex flex-row pt-1 pb-1">
		<div class="btn-group btn-group-sm">
			<a class="btn btn-secondary"><i class="fa fa-bold" aria-hidden="true"></i></a>
			<a class="btn btn-secondary"><i class="fa fa-italic" aria-hidden="true"></i></a>
			<a class="btn btn-secondary"><i class="fa fa-underline" aria-hidden="true"></i></a>
		</div>

		<div class="btn-group btn-group-sm ml-2">
			<a class="btn btn-secondary"><i class="fa fa-list" aria-hidden="true"></i></a>
			<a class="btn btn-secondary"><i class="fa fa-list-ol" aria-hidden="true"></i></a>
		</div>

		<span class="ml-auto d-flex flex-row">
			<div class="text-muted form-check mr-2 mb-0">
			  <label class="form-check-label">
					<input type="checkbox" class="form-check-input">
					<small><kbd>Entrée</kbd> = ajouter note</small>
				</label>
			</div>
			<a class="btn btn-sm btn-primary"><i class="fa fa-arrow-circle-up fa-inverse" aria-hidden="true"></i></a>
		</span>

	</div>
	<div class="col col-3">
	</div>
</div>

<div class="edit row">
	<div class="metadata col col-3 small text-muted d-flex  flex-column justify-content-between">
		<div>10:09</div>
		<div class="filler"></div>
		<div>10:21</div>
	</div>
	<div class="col col-6">
		<textarea class="form-control main" row="1" class=""></textarea>
	</div>
	<div class="col col-3">
		<textarea class="form-control margin small" row="1"></textarea>
	</div>
</div>