webui: use h1 in facet title instead of h3

2 files changed, 9 insertions, 12 deletions

diff --git a/install/ui/ipa.css b/install/ui/ipa.css
index 3ec10e0b3..60ded2c67 100644
--- a/install/ui/ipa.css
+++ b/install/ui/ipa.css
@@ -87,11 +87,6 @@ textarea[readonly] {
     display: inline-block;
 }
 
-.facet-title h3 {
-    margin: 0;
-    line-height: 1.8em;
-}
-
 .facet-title span {
     display: inline;
 }
@@ -717,7 +712,7 @@ form#login {
 
 /* --- Facet title states --- */
 
-.facet-title h3 {
+.facet-title h1 {
     display: inline-block;
 }
 
@@ -737,14 +732,16 @@ form#login {
 
 .facet-title.enabled .header-icon:before {
     content: "\f00c";
+    margin-right: 5px;
 }
 
 .facet-title.disabled .header-icon:before {
     content: "\f068";
+    margin-right: 5px;
 }
 
-.facet-title.disabled h3,
-.facet-title.disabled h3 .facet-pkey{
+.facet-title.disabled h1,
+.facet-title.disabled h1 .facet-pkey{
     color: gray;
 }
 
diff --git a/install/ui/src/freeipa/facet.js b/install/ui/src/freeipa/facet.js
index 1f556dcbf..8e0e216b9 100644
--- a/install/ui/src/freeipa/facet.js
+++ b/install/ui/src/freeipa/facet.js
@@ -1448,17 +1448,17 @@ exp.facet_title = IPA.facet_title = function(spec) {
             'class': 'facet-title'
         }).appendTo(container);
 
-        var h3 = $('<h3/>').appendTo(that.title_container);
+        var header = $('<h1/>').appendTo(that.title_container);
 
         that.icon = $('<i />', {
             'class': 'header-icon'
-        }).appendTo(h3);
+        }).appendTo(header);
 
-        that.title = $('<span/>').appendTo(h3);
+        that.title = $('<span/>').appendTo(header);
 
         that.pkey = $('<span/>', {
             'class': 'facet-pkey'
-        }).appendTo(h3);
+        }).appendTo(header);
     };
 
     /**