Commit 481fdaee authored by Lukas Burgey's avatar Lukas Burgey

Change responsive styling

parent 5739d212
......@@ -9,8 +9,8 @@
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
padding: 8px 3px;
font-size: 80%;
padding: 5px 3px;
font-size: 85%;
}
.navbar {
margin-bottom: 5px;
......@@ -30,17 +30,20 @@ div.limitgrowth {
padding: 5px;
margin: 0px;
}
canvas {
height: 200px;
}
/* styles for tablet likes */
@media only screen and (min-width: 480px) and (max-width: 768px) {
@media only screen and (min-width: 480px) {
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
padding: 8px 5px;
font-size: 100%;
padding: 5px 3px;
font-size: 90%;
}
.navbar {
margin-bottom: 10px;
......@@ -57,15 +60,41 @@ div.limitgrowth {
}
}
/* styles for desktop */
@media only screen and (min-width: 769px) {
/* styles for desktop / tablet */
@media only screen and (min-width: 768px) {
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
padding: 6px 4px;
font-size: 95%;
}
.navbar {
margin-bottom: 15px;
}
.well {
padding: 15px;
}
div.limitgrowth {
width: 400px;
height: 400px;
}
[class*="col-"] {
padding: 15px;
}
}
/* styles for lg-desktop */
@media only screen and (min-width: 1200px) {
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
padding: 8px 8px;
padding: 7px 5px;
font-size: 100%;
}
.navbar {
......
......@@ -12,15 +12,15 @@
<div class="row">
<div class="col-md-4">
<h5>{{ stat_descriptions|ldescr:'point_history' }}</h5>
<canvas id="chartpoint_history" height="250"></canvas>
<canvas id="chartpoint_history"></canvas>
</div>
<div class="col-md-4">
<h5>{{ stat_descriptions|ldescr:'elo_history' }}</h5>
<canvas id="chart_elo_history" height="250"></canvas>
<canvas id="chart_elo_history"></canvas>
</div>
<div class="col-md-4">
<h5>{{ stat_descriptions|ldescr:'glicko2_history' }}</h5>
<canvas id="chart_glicko2_history" height="250"></canvas>
<canvas id="chart_glicko2_history"></canvas>
</div>
</div>
<div class="row">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment