<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <style> .btn-lg { margin-right: 12px } ul.nav>li>div.btn-group { padding: 8px; } form { padding: 8px; margin: 8px; } .btn#opret { margin: 4px 12px; } table.details thead > tr > th { height: 0px; } table.details thead > tr > th > span.label { position: relative; bottom: -10px; left: -4px; } </style> <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <div class="navbar navbar-default"> <div class="navbar-header"><a class="navbar-brand" href="#">SignFlow Faktura</a></div> <ul class="nav navbar-nav"> <li><a href="x7KM" target="_top">Oversigt</a></li> <li class="dropdown"><a href="4AXB" target="_top">Faktura</a></li> <li class="active"><a href="yRqV" target="_top">Noter <span class="badge">4</span></a></li> <li> <div class="dropdown btn-group pagination-centered"> <button type="button" class="btn btn-primary">Godkend</button> <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button> <ul class="dropdown-menu" role="menu"> <li><a href="#">Retur</a></li> <li><a href="#">Til kollega</a></li> </ul> </div> </li> </ul> <ul class="nav navbar-nav pull-right"> <li class="pull-right"><a href="#">Rasmus Fuglsang</a></li> </ul> </div> </div> </div> <div class="row"> <div class="col-sm-12"> <table class="table table-condensed details"> <thead> <tr style="height: 0px;"> <th><span class="label label-default">Leverandør</span></th> <th class="text-right"><span class="label label-default">Faktura</span></th> <th><span class="label label-default">Fakturadato</span></th> <th><span class="label label-default">Forfaldsdato</span></th> <th class="text-right"><span class="label label-default">Beløb</span></th> <th class="text-right"><span class="label label-default">Moms</span></th> <th class="text-right"><span class="label label-default">Total</span></th> <th><span class="label label-default">Ansvar</span></th> <th></th></tr> </thead> <tbody> <tr> <td>Beta Cykler</td><td class="text-right">104766</td><td>02.03.2014</td><td>02.04.2014</td> <td class="text-right">22,00</td><td class="text-right">5,50</td><td class="text-right">27,50</td> <td><span class="approved">HB</span> / <span class="approved">DN</span> / <span class="responsible label label-primary closer">JSO</span></td> <td class="text-right"> <div class="btn-group"> <button type="button" class="btn glyphicon glyphicon-comment"></button> </div> </td> </tr> </tbody> </table> </div> </div> <div class="row"> <div class="col-md-12"> <div class="well"> <div class="btn btn-warning btn-lg pull-left">S</div> <div class="arrow"></div> <em>Steffen Vinther Sørensen</em><em class="pull-right pull-up">20 Jan 2014 14:23</em> <p>Forkert farve leveret oprindeligt, retur til leverandør </p> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="well"> <div class="btn btn-danger btn-lg pull-left">R</div> <em>Rasmus Lock Fuglsang</em><em class="pull-right pull-up">3 Feb 2014 10:13</em> <p>Korrekt farve modtaget, men forkert pris. </p> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="well"> <div class="btn btn-warning btn-lg pull-left">S</div> <em>Steffen Vinther Sørensen</em><em class="pull-right pull-up">10 Feb 2014 11:23</em> <p>Korrekt farve og pris, kan du godkende den nu? </p> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="well"> <div class="btn btn-danger btn-lg pull-left">R</div> <em>Rasmus Lock Fuglsang</em><em class="pull-right pull-up">13 Feb 2014 13:13</em> <p>Ja, den er godkendt! </p> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="well"> <div class="btn btn-primary btn-lg pull-left">J</div> <em>Jane Sild</em><em class="pull-right pull-up">15 Feb 2014 7:12</em> <p>Konteret og lukket </p> </div> </div> </div> <div class="row"> <div class="col-md-12"> <form class="form form-inline well" role="form"> <table width="100%"> <tr><td style="vertical-align: top; width: 47px"> <div class="btn btn-danger btn-lg control-label">R</div> </td><td style="width: 100%"> <textarea class="form-control" rows="3" style="width: 100%" placeholder="Note"></textarea> </td><td style="vertical-align: bottom; width=1%"> <div id="opret" class="btn btn-primary pull-right">Opret</div> </td> </tr></table> </form> </div> </div> </div>