Commit 6f1ee21cc2ed79405ba3cd65e7576b7c15222da6

Authored by Athos
1 parent 7585239a

Improve table display for small screens

Signed-off-by: Arthur Del Esposte <arthurmde@gmail.com>
Signed-off-by: Athos Ribeiro <athoscribeiro@gmail.com>
Signed-off-by: Rodrigo Siqueira <rodrigosiqueiramelo@gmail.com>
Showing 1 changed file with 19 additions and 15 deletions   Show diff stats
template.html.tt
... ... @@ -29,7 +29,7 @@
29 29 <div class="jumbotron">
30 30 <p class="lead">This app fetches data from softwarepublico Copr EPEL7 repositories and compares package versions. In short, a red cell means that the package version differ from the git one (<b>note that this is NOT necessarily a bad thing</b>).</p>
31 31 <div class="row">
32   - <div class="col-md-6 col-md-offset-3">
  32 + <div class="col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2 col-sm-12 col-xs-12">
33 33 <table class="table table-striped">
34 34 <tr>
35 35 <td class="success">Versions match</td>
... ... @@ -42,22 +42,26 @@
42 42 </div>
43 43 </div>
44 44  
45   - <table class="table table-striped">
46   - <tr>
47   - <th>PACKAGE</th>
48   - <th>git</th>
49   - <th>softwarepublico/v4</th>
50   - <th>softwarepublico/v5</th>
51   - </tr>
52   - {$table_entries}
53   - </table>
  45 + <div class="row">
  46 + <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 table-responsive">
  47 + <table class="table table-striped">
  48 + <tr>
  49 + <th>PACKAGE</th>
  50 + <th>git</th>
  51 + <th>softwarepublico/v4</th>
  52 + <th>softwarepublico/v5</th>
  53 + </tr>
  54 + {$table_entries}
  55 + </table>
  56 + </div>
  57 + </div>
54 58  
55   - <footer class="footer">
56   - <p>2015 LAPPIS - #softwarepublico @ Freenode</p>
57   - </footer>
  59 + <footer class="footer">
  60 + <p>2015 LAPPIS - #softwarepublico, #lappis, #ccsl-usp @ Freenode</p>
  61 + </footer>
58 62  
59   - </div>
60   - <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  63 + </div>
  64 + <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
61 65 <script src="js/bootstrap.min.js"></script>
62 66 </body>
63 67 </html>
... ...