From c51e233d087a8fac15f3daf93ad466b0404319a0 Mon Sep 17 00:00:00 2001
From: Julian Rother <julianr@fsmpi.rwth-aachen.de>
Date: Mon, 10 Apr 2017 15:55:43 +0200
Subject: [PATCH] Grouped panel ordering buttons in a button group

---
 templates/index.html | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index 969a015..f05773d 100644
--- a/templates/index.html
+++ b/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>
-- 
GitLab