Make legend less visible

weblate/html/list-translations.html

@@ -57,8 +57,8 @@
 </tbody>
 </table>
 
-<p>
+<div id="legend">
 <div class="progress legend" value="100" fuzzy="0" checks="0"></div> - {% trans "Translated strings" %}
 <div class="progress legend" value="0" fuzzy="0" checks="100"></div> - {% trans "Strings with any failing checks" %}
 <div class="progress legend" value="0" fuzzy="100" checks="0"></div> - {% trans "Fuzzy strings" %}
-</p>
+</div>

weblate/media/css/style.css

@@ -157,6 +157,11 @@ div.legend {
     display: inline-block;
     vertical-align: bottom;
 }
+#legend {
+    font-size: smaller;
+    color: #777;
+    margin: 0.5em;
+}
 div.progress .fuzzy {
       background: #cc0000;
 }