reformat figures display on top

2 files changed, 20 insertions, 7 deletions

diff --git a/style.css b/style.css
index f35f4ee..5ad45fe 100644
--- a/style.css
+++ b/style.css
@@ -60,9 +60,20 @@ a.package { color: #202020; text-decoration: none; }
 #score-box { width: 100px; height: 100px; background: #faa; }
 #score-meter { width: 100px; background: #afa; }
 
-.figure { font-size: 120%%; font-weight: bold; }
+.figures { display: table; margin: 0; padding: 0; }
+.figures li { display: table-cell; margin: 0; padding: 0 2em; border-right: 1px solid #a0a0a0; background: #f0f0f0; border-bottom: 1px solid #a0a0a0; vertical-align: top; }
+.figure { font-size: 160%; font-weight: bold; }
+.action-btn {
+    text-decoration: none;
+    background: #40a040;
+    color: #fafafa;
+    padding: 0.5em;
+    font-weight: bold;
+    border-radius: 5px;
+    font-size: 80%;
+}
 
-#submitted-packages { width: 960px; }
+#asubmitted-packages { width: 960px; }
 
 tr.build-files-list td { font-size: 85%; padding: 1em 0 2em 0.5em; color: #222; }
     tr.build-files-list td ul { padding: 0 0 0 2em; }
diff --git a/test_index.php b/test_index.php
index e8fb722..e83ddce 100644
--- a/test_index.php
+++ b/test_index.php
@@ -96,7 +96,7 @@ if (!is_null($g_user) || isset($_GET['package'])) {
     echo '<a href="/">&laquo;&nbsp;Back to full list</a>';
 }
 
-echo '<ul>';
+echo '<ul class="figures">';
 $figures_list = array();
 
 if (!isset($_GET['package'])) {
@@ -124,20 +124,21 @@ if (!isset($_GET['package'])) {
         }
 
         if (count($figures_list) > 0)
-            $figures_list[count($figures_list)-1] .= sprintf(' &raquo; <a href="%s" class="action-btn">%s</a>',
+            $figures_list[count($figures_list)-1] .= sprintf(' <a href="%s" class="action-btn" title="%s">%s</a>',
                                                         'https://wiki.mageia.org/en/Importing_packages',
-                                                        'you can help!');
+                                                        'YES you can!', 'you can help!');
     }
 
     preg_match_all('/<span class="bz_result_count">(\d+)/', file_get_contents("https://bugs.mageia.org/buglist.cgi?quicksearch=%40qa-bugs+-kw%3Avali"), $matches);
     $qa_bugs = $matches[1][0];
     if ($qa_bugs > 0) {
-        $figures_list[] = sprintf('<span class="figure">%d</span> <a rel="nofollow" href="%s">package update%s to validate</a> &raquo; <a href="%s" class="action-btn">%s</a>',
+        $figures_list[] = sprintf('<span class="figure">%d</span> <a rel="nofollow" href="%s">package update%s to validate</a>
+                                    <a href="%s" class="action-btn" title="%s">%s</a>',
                 $qa_bugs,
                 'https://bugs.mageia.org/buglist.cgi?quicksearch=%40qa-bugs+-kw%3Avali',
                 plural($qa_bugs),
                 'https://wiki.mageia.org/en/QA_process_for_validating_updates',
-                'you can help!'
+                'YES you can!', 'you can help!'
         );
     }
 
@@ -145,6 +146,7 @@ if (!isset($_GET['package'])) {
         echo array_reduce($figures_list, function ($res, $e) { return $res . '<li><p>' . $e . '</p></li>'; }, '');
     }
 
+    echo '</ul><ul>';
     $buildtime_stats = array();
 
     // Builds in progress