Replace scaled triangles with pairs of triangles
Scaling text in CSS is just too fiddly. So let's cheat :-).
This commit is contained in:
parent
317bebc7a8
commit
23ca037ab4
|
@ -41,7 +41,6 @@ header {
|
|||
.up {
|
||||
color: #080;
|
||||
font-size: 2rem;
|
||||
transform: scale(2,1);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
@ -53,7 +52,6 @@ header {
|
|||
.down {
|
||||
font-size: 2rem;
|
||||
color: #C00;
|
||||
transform: scale(2,1);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
|
|
@ -14,21 +14,20 @@
|
|||
<div class="nav top"><a href="{% url 'top' %}">▤</a></div>
|
||||
</header>
|
||||
<div class="imgviewer left" id="view-left">
|
||||
<div class="up"><a href="{% url 'left-wins' %}">▲</a></div>
|
||||
<div class="up"><a href="{% url 'left-wins' %}">◢◣</a></div>
|
||||
<div class="pic">
|
||||
<img src="/media/{{left.url}}"><br>{{left.elo | floatformat:"1"}}
|
||||
</div>
|
||||
<div class="down"><a href="{% url 'right-wins' %}">▼</a></div>
|
||||
<div class="down"><a href="{% url 'right-wins' %}">◥◤</a></div>
|
||||
</div>
|
||||
|
||||
<div class="imgviewer right" id="view-right">
|
||||
<div class="up"><a href="{% url 'right-wins' %}">▲</a></div>
|
||||
<div class="up"><a href="{% url 'right-wins' %}">◢◣</a></div>
|
||||
<div class="pic">
|
||||
<img src="/media/{{right.url}}"><br>{{right.elo | floatformat:"1"}}
|
||||
</div>
|
||||
<div class="down"><a href="{% url 'left-wins' %}">▼</a></div>
|
||||
<div class="down"><a href="{% url 'left-wins' %}">◥◤</a></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
Loading…
Reference in New Issue