<div class="modal-body">
	<div class="modal-header">
		<h2 class="modal-header-title">
			<i class="fa fa-keyboard-o"></i>
			<span class="p-l-1">Keyboard shortcuts</span>
		</h2>

		<a class="modal-header-close" ng-click="dismiss();">
			<i class="fa fa-remove"></i>
		</a>
	</div>

	<div class="modal-content">
		<table class="shortcut-table">
			<tr>
				<th></th>
				<th style="text-align: left;">Dashboard wide shortcuts</th>
			</tr>
			<tr>
				<td style="text-align: right;"><span class="label label-info">ESC</span></td>
				<td>Exit fullscreen edit/view mode, close search or any editor view</td>
			</tr>
			<tr>
				<td><span class="label label-info">F</span></td>
				<td>Open dashboard search view (also contains import/playlist controls)</td>
			</tr>
			<tr>
				<td><span class="label label-info">R</span></td>
				<td>Refresh (Fetches new data and rerenders panels)</td>
			</tr>
			<tr>
				<td><span class="label label-info">left arrow key</span></td>
				<td>Shift time backward</td>
			</tr>
			<tr>
				<td><span class="label label-info">right arrow key</span></td>
				<td>Shift time forward</td>
			</tr>
			<tr>
				<td><span class="label label-info">CTRL+S</span></td>
				<td>Save dashboard</td>
			</tr>
			<tr>
				<td><span class="label label-info">CTRL+H</span></td>
				<td>Hide row controls</td>
			</tr>
			<tr>
				<td><span class="label label-info">CTRL+Z</span></td>
				<td>Zoom out</td>
			</tr>
			<tr>
				<td><span class="label label-info">CTRL+I</span></td>
				<td>Quick snapshot</td>
			</tr>
			<tr>
				<td><span class="label label-info">CTRL+O</span></td>
				<td>Enable/Disable shared graph crosshair</td>
			</tr>
		</table>
	</div>

</div>

