[proxy] make uniform use of section labels in the web UI

1 files changed, 8 insertions, 3 deletions

diff --git a/src/hydrilla/proxy/web_ui/templates/base.html.jinja b/src/hydrilla/proxy/web_ui/templates/base.html.jinja
index eb9cb57..266e448 100644
--- a/src/hydrilla/proxy/web_ui/templates/base.html.jinja
+++ b/src/hydrilla/proxy/web_ui/templates/base.html.jinja
@@ -62,9 +62,9 @@ code in a proprietary work, I am not going to enforce this in court.
   </aside>
 {% endmacro %}
 
-{% macro form_label(label_text, label_name=none) %}
+{% macro label(label_text, label_name=none) %}
   {% set for_attr = label_name and (label_name + "_field") %}
-  <label {{ {'for': for_attr, 'class': 'block-with-bottom-margin'}|xmlattr }}>
+  <label {{ {'for': for_attr, 'class': 'section-label'}|xmlattr }}>
     {{ label_text }}
   </label>
 {% endmacro %}
@@ -134,11 +134,16 @@ code in a proprietary work, I am not going to enforce this in court.
               margin-top: 10px;
           }
 
-          .block-with-bottom-margin, .flex-row, aside, p {
+          .block-with-bottom-margin, .section-label, .flex-row, aside, p {
               display: block;
               margin: 0 0 10px 0;
           }
 
+          .section-label {
+              font-style: italic;
+              text-decoration: underline #ccc;
+          }
+
           .flex-row {
               display: flex;
               padding: 0;