Commit 64368d11 authored by sajolida's avatar sajolida

Split long legends in 2 lines

parent 967b3f44
......@@ -550,9 +550,9 @@ permitted by law.</strong></p>
<figcaption class="figure-key">
<ul class="figure-key-list">
<li id="key-blue"><div class="key-dot"></div><div class="key-label">Passionate people like you</div><div class="key-percent">(36%)</div></li>
<li id="key-orange"><div class="key-dot"></div><div class="key-label">Foundations & NGOs like Mozilla or the Handshare Foundation</div><div class="key-percent">(30%)</div></li>
<li id="key-green"><div class="key-dot"></div><div class="key-label">Entities related to the US government like the Open Technology Fund or the ISC Project</div><div class="key-percent">(25%)</div></li>
<li id="key-pink"><div class="key-dot"></div><div class="key-label">Private companies like DuckDuckGo or Lush</div><div class="key-percent">(9%)</div></li>
<li id="key-orange"><div class="key-dot"></div><div class="key-label">Foundations & NGOs</div><div class="key-percent">(30%)</div><br/>like Mozilla or the Handshare Foundation</li>
<li id="key-green"><div class="key-dot"></div><div class="key-label">Entities related to the US government</div><div class="key-percent">(25%)</div><br/>like the Open Technology Fund or the ISC Project</li>
<li id="key-pink"><div class="key-dot"></div><div class="key-label">Private companies</div><div class="key-percent">(9%)</div><br/>like DuckDuckGo or Lush</li>
</ul>
</figcaption>
</figure>
......
......@@ -1426,7 +1426,6 @@ figure {
margin: 0 0 8px;
padding: 0;
font-size: 14px;
font-weight: bold;
}
.figure-key-list li div {
display: inline-block;
......@@ -1437,9 +1436,15 @@ figure {
margin-top: 2px;
width: 18px;
height: 18px;
position: relative;
margin-left: -18px;
left: -12px;
}
.key-label {
margin: 0 0.5em;
margin-right: 8px;
}
.key-label, .key-percent {
font-weight: bold;
}
#key-blue .key-dot { background-color: #5da5da; }
#key-orange .key-dot { background-color: #faa43a; }
......
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