webui: Add FA icons for sections/headers; Adjust header styles

1 files changed, 12 insertions, 12 deletions

diff --git a/fg21sim/webui/templates/configs.html b/fg21sim/webui/templates/configs.html
index 8828e6d..b86a72c 100644
--- a/fg21sim/webui/templates/configs.html
+++ b/fg21sim/webui/templates/configs.html
@@ -5,7 +5,7 @@
  # Configuration part
  #}
 <section id="configs">
-  <h2>Configurations</h2>
+  <h2><span class="fa fa-wrench" aria-hidden="true"></span> Configurations</h2>
   <hr />
 
   <!-- Configuration Form -->
@@ -34,7 +34,7 @@
 
     <!-- Configuration section "[common]" -->
     <fieldset id="conf-common">
-      <h4>Common</h4>
+      <h4><span class="fa fa-asterisk" aria-hidden="true"></span> Common</h4>
       <hr class="hr-thin hr-condensed hr-dashed" />
       <div class="row">
         <div class="column column-30 form-group">
@@ -76,7 +76,7 @@
 
     <!-- Configuration section "[frequency]" -->
     <fieldset id="conf-frequency">
-      <h4>Frequency</h4>
+      <h4><span class="fa fa-asterisk" aria-hidden="true"></span> Frequency</h4>
       <hr class="hr-thin hr-condensed hr-dashed" />
       <div class="row">
         <div class="column column-30 form-group">
@@ -126,7 +126,7 @@
 
     <!-- Configuration section "[output]" -->
     <fieldset id="conf-output">
-      <h4>Output</h4>
+      <h4><span class="fa fa-asterisk" aria-hidden="true"></span> Output</h4>
       <hr class="hr-thin hr-condensed hr-dashed" />
       <div class="row">
         <div class="column column-30 form-group">
@@ -190,7 +190,7 @@
 
     <!-- Configuration section "[cosmology]" -->
     <fieldset id="conf-cosmology">
-      <h4>Cosmology</h4>
+      <h4><span class="fa fa-asterisk" aria-hidden="true"></span> Cosmology</h4>
       <hr class="hr-thin hr-condensed hr-dashed" />
       <div class="row">
         <div class="column column-50 form-group">
@@ -206,7 +206,7 @@
 
     <!-- Configuration section "[logging]" -->
     <fieldset id="conf-logging">
-      <h4>Logging</h4>
+      <h4><span class="fa fa-asterisk" aria-hidden="true"></span> Logging</h4>
       <hr class="hr-thin hr-condensed hr-dashed" />
       <div class="row">
         <fieldset id="conf-logging-level" class="column radios">
@@ -262,12 +262,12 @@
 
     <!-- Configuration section "[galactic]" -->
     <fieldset id="conf-g">
-      <h4>Galactic Components</h4>
+      <h4><span class="fa fa-asterisk" aria-hidden="true"></span> Galactic Components</h4>
       <hr class="hr-thin hr-condensed hr-dashed" />
 
       <!-- Configuration sub-section "[galactic][synchrotron]" -->
       <fieldset id="conf-g-synchrotron">
-        <h5>Synchrotron Emission</h5>
+        <h5><span class="fa fa-circle-o" aria-hidden="true"></span> Synchrotron Emission</h5>
         <div class="row">
           <div class="column column-40 form-group">
             <label for="conf-g-synchrotron-template">Template Map:</label>
@@ -316,7 +316,7 @@
 
       <!-- Configuration sub-section "[galactic][freefree]" -->
       <fieldset id="conf-g-freefree">
-        <h5>Free-free Emission</h5>
+        <h5><span class="fa fa-circle-o" aria-hidden="true"></span> Free-free Emission</h5>
         <div class="row">
           <div class="column column-40 form-group">
             <label for="conf-g-freefree-halphamap">Hα Template Map:</label>
@@ -359,7 +359,7 @@
 
       <!-- Configuration sub-section "[galactic][snr]" -->
       <fieldset id="conf-g-snr">
-        <h5>Supernova Remnants Emission</h5>
+        <h5><span class="fa fa-circle-o" aria-hidden="true"></span> Supernova Remnants Emission</h5>
         <div class="row">
           <div class="column column-50 form-group">
             <label for="conf-g-snr-catalog">Input Catalog:</label>
@@ -399,12 +399,12 @@
 
     <!-- Configuration section "[extragalactic]" -->
     <fieldset id="conf-eg">
-      <h4>Extragalactic Components</h4>
+      <h4><span class="fa fa-asterisk" aria-hidden="true"></span> Extragalactic Components</h4>
       <hr class="hr-thin hr-condensed hr-dashed" />
 
       <!-- Configuration sub-section "[extragalactic][clusters]" -->
       <fieldset id="conf-eg-clusters">
-        <h5>Clusters of Galaxies Emission</h5>
+        <h5><span class="fa fa-circle-o" aria-hidden="true"></span> Clusters of Galaxies Emission</h5>
         <div class="row">
           <div class="column column-50 form-group">
             <label for="conf-eg-clusters-catalog">Input Catalog:</label>