Use tables for problem list

diff --git a/css/custom.css b/css/custom.css
index bc0b7eaa91f9ec5b0c334935b8dc71b59e85b1d9..9872ee8daf56c22f8819dbf17a8ef45d52c14c23 100644 (file)
--- a/css/custom.css
+++ b/css/custom.css
@@ -51,3 +51,7 @@ div#result{
 a.dropdown-toggle{
        cursor: pointer;
 }
+
+.table-fixed{
+       table-layout: fixed;
+}
\ No newline at end of file

diff --git a/tmpl/pb.en b/tmpl/pb.en
index 60205b1de2ee051fa2189495672362b4828fab6e..00569dfc0a662c76ce353c1ed038b198dc25f2ce 100644 (file)
--- a/tmpl/pb.en
+++ b/tmpl/pb.en
@@ -1,27 +1,39 @@
 <tmpl_if beginner>
 <h2>Beginner</h2>
-<div class="list-group">
-<tmpl_loop beginner><a class="list-group-item" href="<tmpl_var id>"><tmpl_var name></a>
-</tmpl_loop></div>
+<table border class="table table-bordered table-striped table-fixed">
+<thead><tr><th>Name<th>Author<th>Owner
+<tbody>
+<tmpl_loop beginner><tr><td><a href="<tmpl_var id>"><tmpl_var name></a><td><tmpl_var author><td><tmpl_var owner>
+</tmpl_loop>
+</table>
 </tmpl_if>
 
-<tmpl_if beginner>
+<tmpl_if easy>
 <h2>Easy</h2>
-<div class="list-group">
-<tmpl_loop easy><a class="list-group-item" href="<tmpl_var id>"><tmpl_var name></a>
-</tmpl_loop></div>
+<table border class="table table-bordered table-striped table-fixed">
+<thead><tr><th>Name<th>Author<th>Owner
+<tbody>
+<tmpl_loop easy><tr><td><a href="<tmpl_var id>"><tmpl_var name></a><td><tmpl_var author><td><tmpl_var owner>
+</tmpl_loop>
+</table>
 </tmpl_if>
 
-<tmpl_if beginner>
+<tmpl_if medium>
 <h2>Medium</h2>
-<div class="list-group">
-<tmpl_loop medium><a class="list-group-item" href="<tmpl_var id>"><tmpl_var name></a>
-</tmpl_loop></div>
+<table border class="table table-bordered table-striped table-fixed">
+<thead><tr><th>Name<th>Author<th>Owner
+<tbody>
+<tmpl_loop medium><tr><td><a href="<tmpl_var id>"><tmpl_var name></a><td><tmpl_var author><td><tmpl_var owner>
+</tmpl_loop>
+</table>
 </tmpl_if>
 
-<tmpl_if beginner>
+<tmpl_if hard>
 <h2>Hard</h2>
-<div class="list-group">
-<tmpl_loop hard><a class="list-group-item" href="<tmpl_var id>"><tmpl_var name></a>
-</tmpl_loop></div>
+<table border class="table table-bordered table-striped table-fixed">
+<thead><tr><th>Name<th>Author<th>Owner
+<tbody>
+<tmpl_loop hard><tr><td><a href="<tmpl_var id>"><tmpl_var name></a><td><tmpl_var author><td><tmpl_var owner>
+</tmpl_loop>
+</table>
 </tmpl_if>