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 e06542699266db072fdf902e46602634b66164a1..3b57880a576a5bb4d64fa39465640ddcb85f894a 100644 (file)
--- 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 1c947d3144008a548a8b50cc19cf7dba729b1232..05ee8b8040ef37488b4ede85ef1b2f83dedbf98a 100644 (file)
--- 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()) %}