Commit 1df455aa authored by Lukas Burgey's avatar Lukas Burgey

Use less padding when on mobile

parent 610b1630
......@@ -45,15 +45,7 @@ th {
border-top: none;
}
<<<<<<< Updated upstream
/*
=======
td table td {
border-top: none;
padding: 3px;
}
>>>>>>> Stashed changes
.table-hidden>tbody>tr:first-child>td {
font-weight: bold;
}
......@@ -103,7 +95,11 @@ td table td {
font-weight: bold;
}
/* styles for mobile */
/* ----- default styling is for mobile ----- */
.table>tbody>tr>td.nopad {
padding: 0;
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
......@@ -113,25 +109,53 @@ td table td {
padding: 8px 3px;
font-size: 80%;
}
.navbar {
margin-bottom: 5px;
}
.well {
padding: 8px;
margin: 0px;
padding: 5px;
text-align: center;
}
div.limitgrowth {
height: 250px;
width: 250px;
margin: 0 auto;
}
[class*="col-"] {
/* never */
padding: 5px;
margin: 0px;
}
@media only screen and (orientation: landscape) {
.limit-growth {
margin: 0 auto;
/* styles for tablet likes */
@media only screen and (min-width: 480px) and (max-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: 8px 5px;
font-size: 100%;
}
.navbar {
margin-bottom: 10px;
}
.well {
padding: 10px;
}
div.limitgrowth {
width: 300px;
height: 300px;
}
[class*="col-"] {
padding: 10px;
}
}
/* styles for desktop */
@media only screen and (min-width: 768px) {
@media only screen and (min-width: 769px) {
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
......@@ -141,8 +165,17 @@ td table td {
padding: 8px 8px;
font-size: 100%;
}
.navbar {
margin-bottom: 15px;
}
.well {
padding: 19px;
padding: 15px;
}
div.limitgrowth {
width: 400px;
height: 400px;
}
[class*="col-"] {
padding: 15px;
}
}
......@@ -109,14 +109,12 @@
</div>
</nav>
<div id="maincontainer" {% block maincontainer %}class="container"{% endblock %}>
<div>
{% if user_message %}
<div class="alert alert-info">
{{ user_message }}
</div>
{% endif %}
{% block content %}{% endblock %}
{% if user_message %}
<div class="alert alert-info">
{{ user_message }}
</div>
{% endif %}
{% block content %}{% endblock %}
</div>
</body>
{% block script %}{% endblock %}
......
......@@ -46,7 +46,7 @@
<div class="col-md-6">
<div class="well">
<h5 class="chart-heading">Game endings: {{ win_percentage|floatformat:-2 }}% won</h5>
<div class="limit-growth">
<div class="limitgrowth">
<canvas id="chart1"></canvas>
</div>
</div>
......@@ -54,7 +54,7 @@
<div class="col-md-6">
<div class="well">
<h5 class="chart-heading">Game count per type</h5>
<div class="limit-growth">
<div class="limitgrowth">
<canvas id="chart0"></canvas>
</div>
</div>
......@@ -74,7 +74,7 @@
<tbody>
<tr>
{% for row in best_player_per_type %}
<td>
<td class="nopad">
<table class="table">
{% for player in row.player_list %}
<tr>
......
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