Commit 89d6aec5 authored by sajolida's avatar sajolida

Make the pie chart key easier to translate

parent 8dc2c498
......@@ -197,6 +197,9 @@ figure {
margin: 0 0 8px;
padding: 0;
}
.figure-key-list li div {
display: inline-block;
}
.key-dot {
display: inline-block;
vertical-align: top;
......
......@@ -477,13 +477,13 @@ permitted by law.</strong></p>
<figcaption class="figure-key">
<ul class="figure-key-list">
<li id="key-releases"><span class="key-dot"></span><span class="key-label">Releases & core code maintenance</span><span class="key-percent">(22%)</span></li>
<li id="key-admin"><span class="key-dot"></span><span class="key-label">Administration & management</span><span class="key-percent">(22%)</span></li>
<li id="key-features"><span class="key-dot"></span><span class="key-label">New features</span><span class="key-percent">(21%)</span></li>
<li id="key-infrastructure"><span class="key-dot"></span><span class="key-label">Infrastructure</span><span class="key-percent">(10%)</span></li>
<li id="key-help"><span class="key-dot"></span><span class="key-label">Help desk</span><span class="key-percent">(10%)</span></li>
<li id="key-meetings"><span class="key-dot"></span><span class="key-label">Meetings</span><span class="key-percent">(10%)</span></li>
<li id="key-ux"><span class="key-dot"></span><span class="key-label">User experience & documentation</span><span class="key-percent">(5%)</span></li>
<li id="key-releases"><div class="key-dot"></div><div class="key-label">Releases & core code maintenance</div><div class="key-percent">(22%)</div></li>
<li id="key-admin"><div class="key-dot"></div><div class="key-label">Administration & management</div><div class="key-percent">(22%)</div></li>
<li id="key-features"><div class="key-dot"></div><div class="key-label">New features</div><div class="key-percent">(21%)</div></li>
<li id="key-infrastructure"><div class="key-dot"></div><div class="key-label">Infrastructure</div><div class="key-percent">(10%)</div></li>
<li id="key-help"><div class="key-dot"></div><div class="key-label">Help desk</div><div class="key-percent">(10%)</div></li>
<li id="key-meetings"><div class="key-dot"></div><div class="key-label">Meetings</div><div class="key-percent">(10%)</div></li>
<li id="key-ux"><div class="key-dot"></div><div class="key-label">User experience & documentation</div><div class="key-percent">(5%)</div></li>
</ul>
</figcaption>
</figure>
......
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