Grouped panel ordering buttons in a button group

templates/index.html

@@ -78,15 +78,20 @@
 				<h1 class="panel-title">
 					{{ moderator_editor(('featured',item.id,'title'), item.title) }} {{ moderator_checkbox(('featured',item.id,'visible'), item.visible) }}
 					{% if ismod() %}
-					<ul class="pull-right list-inline">
+					<div class="btn-group pull-right" role="group">
 						{% if not loop.first %}
-						<li><a class="btn btn-default" href="{{ url_for('edit', **{'featured.'+item.id|string+'.order': featured[loop.index0-1].order, 'featured.'+featured[loop.index0-1].id|string+'.order': item.order, 'ref': request.url})}}"><span class="glyphicon glyphicon-arrow-up"></span></a></li>
+						<a class="btn btn-default" href="{{ url_for('edit', **{'featured.'+item.id|string+'.order': featured[loop.index0-1].order, 'featured.'+featured[loop.index0-1].id|string+'.order': item.order, 'ref': request.url})}}"><span class="glyphicon glyphicon-arrow-up"></span></a>
+						{% else %}
+						<button class="btn btn-default disabled"><span class="glyphicon glyphicon-arrow-up"></span></button>
 						{% endif %}
 						{% if not loop.last %}
-						<li><a class="btn btn-default" href="{{ url_for('edit', **{'featured.'+item.id|string+'.order': featured[loop.index0+1].order, 'featured.'+featured[loop.index0+1].id|string+'.order': item.order, 'ref': request.url})}}"><span class="glyphicon glyphicon-arrow-down"></span></a></li>
+						<a class="btn btn-default" href="{{ url_for('edit', **{'featured.'+item.id|string+'.order': featured[loop.index0+1].order, 'featured.'+featured[loop.index0+1].id|string+'.order': item.order, 'ref': request.url})}}"><span class="glyphicon glyphicon-arrow-down"></span></a>
+						{% else %}
+						<button class="btn btn-default disabled"><span class="glyphicon glyphicon-arrow-down"></span></button>
 						{% endif %}
-						<li>{{ moderator_delete(['featured',item.id,'deleted']) }}</li>
-					</ul>
+						{{ moderator_delete(['featured',item.id,'deleted']) }}
+					</div>
+
 					{% endif %}
 				</h1>
 			</div>