diff --git a/common/common.scss b/common/common.scss index c2e22b5..c68c1fa 100644 --- a/common/common.scss +++ b/common/common.scss @@ -7,8 +7,13 @@ .category-title-contents { max-width: 500px; padding: 40px 40px 30px; + i { + margin-right: .25em; + font-size: 1.5em; + } h1 { text-transform: capitalize; + display: inline; } } } diff --git a/common/header.html b/common/header.html index ae9c9ce..5398d85 100644 --- a/common/header.html +++ b/common/header.html @@ -28,15 +28,23 @@ return h('p', category.description_text); } } + + function ifProtected() { + if(category.read_restricted) { + return h('i.fa.fa-lock'); + } + } return h('div.category-title-header', { "attributes" : { "style" : "background-color: #" + category.color + "; color: #" + category.text_color + ";" } }, h('div.category-title-contents', [ + ifProtected(), h('h1', category.name), - catDesc() - ]) + h('div.category-title-description',catDesc()) + ]), + ); } } else {