Commit 6f1ee21cc2ed79405ba3cd65e7576b7c15222da6
1 parent
7585239a
Exists in
master
and in
2 other branches
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> | ... | ... |