Use bootstrap classes for displaying tables; bug.item is almost table free and uses bootstrap form classes and markup

Author: caulagi

roundup/cgi/templating.py

@@ -1049,7 +1049,7 @@ def history(self, direction='descending', dre=re.compile('^\d+$'),
         if direction == 'ascending':
             l.reverse()
 
-        l[0:0] = ['<table class="history">'
+        l[0:0] = ['<table class="history table table-condensed table-striped">'
              '<tr><th colspan="4" class="header">',
              self._('History'),
              '</th></tr><tr>',

share/roundup/templates/responsive/html/_generic.help-list.html

@@ -14,7 +14,7 @@
       </tr>
     </table>
     <form>
-    <table class="classhelp"
+    <table class="table"
            tal:define="props python:request.form['properties'].value.split(',');
                        legend templates/help/macros/legend;">
       <thead>

share/roundup/templates/responsive/html/_generic.help.html

@@ -2,7 +2,7 @@
 <tal:block metal:fill-slot="content">
 <tal:block tal:condition="python:request.form.has_key('property')">
  <form name="frm_help" action="#">
-     <table class="classhelp"
+     <table class="table"
             tal:define="props python:request.form['properties'].value.split(',');
                         legend templates/help/macros/legend;
                         navigation templates/help/macros/batch_navi;

share/roundup/templates/responsive/html/bug.item.html

@@ -5,7 +5,7 @@
   i18n:translate="">List of files</span>
 <td class="content" metal:fill-slot="content">
 
-<table class="otherinfo" tal:define="batch request/batch">
+<table class="table table-condensed" tal:define="batch request/batch">
  <tr><th style="padding-right: 10" i18n:translate="">Download</th>
      <th style="padding-right: 10" i18n:translate="">Description</th>
      <th style="padding-right: 10" i18n:translate="">Content Type</th>

share/roundup/templates/responsive/html/file.index.html

@@ -15,6 +15,7 @@
       body { padding-top: 80px; padding-bottom: 40px; }
     </style>
     <link rel="stylesheet" href="@@file/bootstrap-responsive.min.css">
+    <link rel="stylesheet" href="@@file/style.css">
     <script tal:replace="structure request/base_javascript"></script>
     <metal:x define-slot="more-javascript" />
   </head>
@@ -52,7 +53,7 @@
       </div> <!-- container -->
     </div> <!-- navbar-inner -->
   </div> <!-- navbar -->
-  <div class='container'>
+  <div class='container-fluid'>
     <div class='row-fluid'>
       <div class="span3 well">
         <ul tal:condition="python:request.user.hasPermission('View', 'bug')" class='nav nav-list'>
@@ -246,7 +247,7 @@
          </div>
       </div> <!-- well -->
       <div class="span8">
-       <h1 id="breadcrumb"><span metal:define-slot="body_title">body title</span></h1>
+       <h1><span metal:define-slot="body_title">body title</span></h1>
        <p tal:condition="options/error_message | nothing" class="alert alert-error"
           tal:repeat="m options/error_message"
           tal:content="structure string:$m <br/ > " />

share/roundup/templates/responsive/html/page.html

@@ -0,0 +1,5 @@
+.vspace-one { margin-top: 1em; }
+.vspace-two { margin-top: 2em; }
+.vspace-three { margin-top: 3em; }
+.vspace-four { margin-top: 4em; }
+.vspace-five { margin-top: 5em; }