# Pastebin 7Guf9Imr
<div>
    <h2>What Works are part of this Series?</h2>
	<div>
		<div class="margin-top-d5 row">
			<div class="col-md-1 text-right">
				<!-- Here we'll have the dragHandler component ("hamburger" icon) -->
			</div>
			<div class="col-md-2">
				<input type="text" class="form-control" />
			</div>
			<div class="col-md-7">
				<!-- Here we'll be using the Entity component (src/client/entity-editor/common/entity.tsx) like in the relationship editor -->
				<a href="/work/65e71f2e-7245-42df-b93e-89463a28f75c">
					<span>
						Harry Potter and the Philosopher’s Stone
					</span>
				</a>
			</div>
			<div class="col-md-2">
				<!-- Remove button icon -->
				<a href="#" role="button" class="btn btn-danger">
					<span>&nbsp;Remove</span>
				</a>
			</div>
		</div>
		<!-- And now the extra row for searching and adding an entity-->
		<div class="margin-top-d5 row">
			<div class="col-md-3 text-right"><p class="form-control-static">Add an entity to the series:</p></div>
			<div class="col-md-7">
				<input type="text" placeholder="Search for an entity…" class="form-control" />
			</div>
			<div class="col-md-2">
				<button type="button" class="btn btn-block btn-success">
					<!-- '+'/add icon -->
					<span>&nbsp;Add Work</span>
				</button>
			</div>
		</div>
	</div>
</div>

<!-- Below this, the regular RelationshipEditor component -->