That's what unordered list is for, and how the Bootstrap example is like.
Also removes clearly unintentional/copy/pasted "<div href".
The clearfix unfortunately is still required.
---
htdocs/css/bootstrap-theme.css | 6 +++
src/index | 112 +++++++++++++++++++++++------------------
2 files changed, 68 insertions(+), 50 deletions(-)
diff --git a/htdocs/css/bootstrap-theme.css b/htdocs/css/bootstrap-theme.css
index 2281462..284d3ad 100644
--- a/htdocs/css/bootstrap-theme.css
+++ b/htdocs/css/bootstrap-theme.css
@@ -328,6 +328,12 @@
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
+.list-group ul {
+ padding-left: 0;
+}
+ul.list-group-item-text > li.label {
+ display: inline-block;
+}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
diff --git a/src/index b/src/index
index c2fde06..feeee20 100644
--- a/src/index
+++ b/src/index
@@ -33,64 +33,76 @@ with the latest developments by subscribing to both the
<div class="col-md-4">
<div class="panel panel-success">
<div class="panel-heading">Latest Releases</div>
- <div class="list-group">
- <div href="#" class="list-group-item">
+ <ul class="list-group">
+ <li class="list-group-item">
<span class="badge alert-success">December 2, 2014</span>
<h4 class="list-group-item-heading">Libav 11.1</h4>
- <p class="list-group-item-text clearfix">
- <span class="pull-right">
- <a class="label label-info"
- href="releases/libav-11.1.release">Release Notes</a>
- <a class="label label-success"
- href="releases/libav-11.1.tar.xz">xz</a>
- <a class="label label-primary"
- href="releases/libav-11.1.tar.gz">gzip</a>
- </span>
- </p>
- </div>
- <div href="#" class="list-group-item">
+ <div class="clearfix">
+ <ul class="list-group-item-text pull-right">
+ <li class="label label-info">
+ <a href="releases/libav-11.1.release">Release Notes</a>
+ </li>
+ <li class="label label-success">
+ <a href="releases/libav-11.1.tar.xz">xz</a>
+ </li>
+ <li class="label label-primary">
+ <a href="releases/libav-11.1.tar.gz">gzip</a>
+ </li>
+ </ul>
+ </div>
+ </li>
+ <li class="list-group-item">
<span class="badge alert-success">September 14, 2014</span>
<h4 class="list-group-item-heading">Libav 10.5</h4>
- <p class="list-group-item-text clearfix">
- <span class="pull-right">
- <a class="label label-info"
- href="releases/libav-10.5.release">Release Notes</a>
- <a class="label label-success"
- href="releases/libav-10.5.tar.xz">xz</a>
- <a class="label label-primary"
- href="releases/libav-10.5.tar.gz">gzip</a>
- </span>
- </p>
- </div>
- <div href="#" class="list-group-item">
+ <div class="clearfix">
+ <ul class="list-group-item-text pull-right">
+ <li class="label label-info">
+ <a href="releases/libav-10.5.release">Release Notes</a>
+ </li>
+ <li class="label label-success">
+ <a href="releases/libav-10.5.tar.xz">xz</a>
+ </li>
+ <li class="label label-primary">
+ <a href="releases/libav-10.5.tar.gz">gzip</a>
+ </li>
+ </ul>
+ </div>
+ </li>
+ <li class="list-group-item">
<span class="badge alert-success">September 14, 2014</span>
<h4 class="list-group-item-heading">Libav 9.17</h4>
- <p class="list-group-item-text clearfix">
- <span class="pull-right">
- <a class="label label-info"
- href="releases/libav-9.17.release">Release Notes</a>
- <a class="label label-success"
- href="releases/libav-9.17.tar.xz">xz</a>
- <a class="label label-primary"
- href="releases/libav-9.17.tar.gz">gzip</a>
- </span>
- </p>
- </div>
- <div href="#" class="list-group-item">
+ <div class="clearfix">
+ <ul class="list-group-item-text pull-right">
+ <li class="label label-info">
+ <a href="releases/libav-9.17.release">Release Notes</a>
+ </li>
+ <li class="label label-success">
+ <a href="releases/libav-9.17.tar.xz">xz</a>
+ </li>
+ <li class="label label-primary">
+ <a href="releases/libav-9.17.tar.gz">gzip</a>
+ </li>
+ </ul>
+ </div>
+ </li>
+ <li class="list-group-item">
<span class="badge alert-success">September 14, 2014</span>
<h4 class="list-group-item-heading">Libav 0.8.16</h4>
- <p class="list-group-item-text clearfix">
- <span class="pull-right">
- <a class="label label-info"
- href="releases/libav-0.8.16.release">Release Notes</a>
- <a class="label label-success"
- href="releases/libav-0.8.16.tar.xz">xz</a>
- <a class="label label-primary"
- href="releases/libav-0.8.16.tar.gz">gzip</a>
- </span>
- </p>
- </div>
- </div>
+ <div class="clearfix">
+ <ul class="list-group-item-text pull-right">
+ <li class="label label-info">
+ <a href="releases/libav-0.8.16.release">Release Notes</a>
+ </li>
+ <li class="label label-success">
+ <a href="releases/libav-0.8.16.tar.xz">xz</a>
+ </li>
+ <li class="label label-primary">
+ <a href="releases/libav-0.8.16.tar.gz">gzip</a>
+ </li>
+ </ul>
+ </div>
+ </li>
+ </ul>
</div>
</div>
--
1.9.1
_______________________________________________
libav-devel mailing list
[email protected]
https://lists.libav.org/mailman/listinfo/libav-devel
