From: Michael Tremer <michael.tremer@ipfire.org>
Date: Sun, 28 Oct 2012 21:17:55 +0000 (+0100)
Subject: packages list: Use full width and separate shortcuts a bit.
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=a8990ea3e9f6790c90d4577e8fe86c6576a4f1f7;p=pbs.git

packages list: Use full width and separate shortcuts a bit.
---

diff --git a/data/static/css/style.css b/data/static/css/style.css
index e0654269..3b57880a 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 1c947d31..05ee8b80 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()) %}