From a8990ea3e9f6790c90d4577e8fe86c6576a4f1f7 Mon Sep 17 00:00:00 2001
From: Michael Tremer <michael.tremer@ipfire.org>
Date: Sun, 28 Oct 2012 22:17:55 +0100
Subject: [PATCH] packages list: Use full width and separate shortcuts a bit.

---
 data/static/css/style.css         |  4 ++++
 data/templates/packages-list.html | 14 +++++++++-----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/data/static/css/style.css b/data/static/css/style.css
index e065426..3b57880 100644
--- a/data/static/css/style.css
+++ b/data/static/css/style.css
@@ -42,3 +42,7 @@ body {
 
 	padding: 15px;
 }
+
+.ac {
+	text-align: center;
+}
diff --git a/data/templates/packages-list.html b/data/templates/packages-list.html
index 1c947d3..05ee8b8 100644
--- a/data/templates/packages-list.html
+++ b/data/templates/packages-list.html
@@ -18,14 +18,14 @@
 	</div>
 
 	<div class="row">
-		<div class="span5 offset1">
+		<div class="span6">
 			<p>
 				{{ _("This is an alphabetically ordered list of all packages in the distribution.") }}
 				{{ _("Click on a link to see further information about the package.") }}
 			</p>
 		</div>
 
-		<div class="span5">
+		<div class="span6">
 			<div class="btn-group">
 				<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
 					{{ _("Selection") }}
@@ -44,19 +44,23 @@
 	</div>
 
 	<div class="row">
-		<div class="span10 offset1">
-			<div class="btn-toolbar">
+		<div class="span12">
+			<hr>
+
+			<div class="btn-toolbar ac">
 				<div class="btn-group">
 					{% for letter in sorted(packages.keys()) %}
 						<a class="btn" href="#{{ letter }}">{{ letter.upper() }}</a>
 					{% end %}
 				</div>
 			</div>
+
+			<hr>
 		</div>
 	</div>
 
 	<div class="row">
-		<div class="span10 offset1">
+		<div class="span12">
 			<table class="table table-striped table-hover">
 				<tbody>
 					{% for letter, pkgs in sorted(packages.items()) %}
-- 
2.47.3