Move some inline styling to the proper css place.

modules/core/templates/_frontpage_menu.twig

-<div class="pure-g">
+<div class="pure-g frontpage-menu">
   <div class="pure-u-2-3">
     <div class="pure-menu pure-menu-horizontal">
     <ul class="pure-menu-list">

modules/core/templates/frontpage_config.twig

@@ -5,7 +5,7 @@
 {% block content %}
     {% include "@core/_frontpage_menu.twig" %}
 
-    <div style="margin-top: 1em;">
+    <div>
         <code class="simplesaml_version">{{ directory }} ({{ version }})</code>
     </div>
 

modules/core/templates/frontpage_federation.twig

@@ -11,18 +11,18 @@
         {% set metadataset = attribute(set, 'metadata-set') %}
         <dt>{{ mtype[metadataset]|trans }}</dt>
         <dd>
-        <p>Entity ID: {{ set.entityid }}
+        <p>Entity ID: <code>{{ set.entityid }}</code>
             {% if set.deprecated is defined and set.deprecated %}
-            <br /><span style="font-weight: bold;">Deprecated</span>
+            <br /><span class="entity-deprecated">Deprecated</span>
             {% endif %}
             {% if set.entityid != attribute(set, 'metadata-index') %}
             <br />Index: {{ attribute(set, 'metadata-index') }}
             {% endif %}
             {% if set.name_translated is defined %}
-            <br /><span style="font-weight: bold;">{{ set.name_translated }}</span>
+            <br /><span class="entity-name">{{ set.name_translated }}</span>
             {% endif %}
             {% if set.descr_translated is defined %}
-            <br /><span style="font-weight: bold;">{{ set.descr_translated }}</span>
+            <br /><span class="entity-name">{{ set.descr_translated }}</span>
             {% endif %}
             <br />[ <a href="{{ attribute(set, 'metadata-url') }}">{{'{core:frontpage:show_metadata}'|trans }}</a> ]
         </p>
@@ -47,7 +47,7 @@
 
             {%- if entity.expire is defined %}
             {% if entity.expire > date().timestamp %}
-            <span style="color: #500; font-weight: bold"> (expired {{ ((date().timestamp - entity.expire) / 3600) }} hours ago)</span>
+            <span class="entity-expired"> (expired {{ ((date().timestamp - entity.expire) / 3600) }} hours ago)</span>
             {% else %} (expires in {{ ((entity.expire - date().timestamp) / 3600) }} hours){% endif -%}{% endif %}
             </li>
         {% endfor %}
@@ -67,7 +67,7 @@
     <fieldset class="fancyfieldset">
         <legend>Lookup metadata</legend>
         <form action="{{ metadata_url }}" method="get">
-            <p style="margin: 1em 2em ">Look up metadata for entity:
+            <p>Look up metadata for entity:
                 <select name="set">
                 {% if metaentries.remote is defined and metaentries.remote is not empty %}
                 {% for key, set in metaentries.remote %}

www/assets/css/src/default.css

@@ -608,26 +608,47 @@ code.simplesaml_version {
     color: #555;
 }
 .float-r {
-	float: right;
+    float: right;
 }
 .enablebox table {
-	border: 1px solid #eee;
+    border: 1px solid #eee;
 
-	margin-left: 1em;
+    margin-left: 1em;
 }
 .enablebox.mini table {
-	float: right;
+    float: right;
 }
 .enablebox tr td {
-	padding: .5px 1em 1px .5em;
-	margin: 0px;
+    padding: .5px 1em 1px .5em;
+    margin: 0px;
 }
 .enablebox {
-	font-size: 85%;
+    font-size: 85%;
 }
 .enablebox tr.enabled td {
-	background: #eee;
+    background: #eee;
 }
 .enablebox tr.disabled td {
-	background: #ccc;
+    background: #ccc;
+}
+fieldset.fancyfieldset {
+    margin: 2em 1em 1em 0px;
+    border: 1px solid #bbb;
+}
+fieldset.fancyfieldset legend {
+    margin-left: 2em;
+    padding: 3px 2em 3px 2em;
+    border: 1px solid #bbb;
+}
+dt {
+    font-weight: bold;
+}
+.frontpage-menu {
+    margin-bottom: 1em;
+}
+.entity-name, .entity-deprecated, .entity-expired {
+    font-weight: bold;
+}
+.entity-expired {
+    color: #500;
 }