Synnefo

<ul class="side-actions">

	<li>

		<a href="vm_details.html" data-tooltip title="view details" class="details has-tip">i</a>

	</li>

	<li>

		<a href="#" title="connect to machine" data-tooltip data-reveal-id="vm-connect" class="has-tip">

			<span class="snf-thunder-full"></span>

		</a>

	</li>

	<li class="more-actions">

		<a href="#" title="">...</a>

		<ul class="many">

			{{#each setAvailableActions}}

				<li>

					{{btn-1 actionLabel=this.description elementID=controller.id action= this.description param=controller.id}}

				</li>

			{{/each}}

		</ul>

	</li>

	<li class="bottom">

		<a href="" title=""><span></span></a>

		<ul class="options">

			<li class="selected"><a href="">My awesome project</a></li>

			<li><a href="">Project 1</a></li>

			<li><a href="">Project 2</a></li>

			<li><a href="">Project 3</a></li>

			<li><a href="">Project 4</a></li>

		</ul>

		<ul>

			<li>My awesome project</li>

			<li><a href="" class="reassign">Reassign<span class="arrow-right"></span></a></li>

		</ul>

	</li>

</ul>