Commit 900090fc authored by Simon Shields's avatar Simon Shields Committed by Simon Shields

make the device list look prettier

use flexboxes to align the codename to the right, and make it greyer
than the device's real name.
parent 1443dac4
......@@ -105,3 +105,14 @@ header, main, footer {
img.voter {
margin: 2px;
}
.device-link {
display: flex;
flex-direction: row;
}
.device-model {
text-align: right;
float: right;
flex-grow: 2;
}
......@@ -40,9 +40,19 @@
<ul>
{% for d in oem_to_devices[oem] | sort(attribute='model')%}
{% if d.model == device %}
<li class="active grey darken-2"><a href="/{{d.model}}">{{d.name}} ({{d.model}})</a></li>
<li class="active teal">
<a class="device-link" href="/{{d.model}}">
<div>{{d.name}}</div>
<div class="device-model grey-text text-lighten-1">{{d.model}}</div>
</a>
</li>
{% else %}
<li ><a href="/{{d.model}}">{{d.name}} ({{d.model}})</a></li>
<li>
<a class="device-link" href="/{{d.model}}">
<div>{{d.name}}</div>
<div class="device-model grey-text">{{d.model}}</div>
</a>
</li>
{% endif %}
{% endfor %}
</ul>
......
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