<div class="controls row">

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

	<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 class="edit row">

	<div class="metadata col col-3 small text-muted">

	<div>10:09</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>