diff --git a/cms/static/img/plus-icon-small.png b/cms/static/img/plus-icon-small.png new file mode 100644 index 0000000000..1abb12b6da Binary files /dev/null and b/cms/static/img/plus-icon-small.png differ diff --git a/cms/static/sass/_graphics.scss b/cms/static/sass/_graphics.scss index 1f07f4433c..994372504e 100644 --- a/cms/static/sass/_graphics.scss +++ b/cms/static/sass/_graphics.scss @@ -139,6 +139,14 @@ background: url(../img/plus-icon.png) no-repeat; } +.plus-icon-small { + display: inline-block; + width: 6px; + height: 6px; + margin-right: 8px; + background: url(../img/plus-icon-small.png) no-repeat center; +} + .folder-icon { display: inline-block; width: 15px; diff --git a/cms/static/sass/_subsection.scss b/cms/static/sass/_subsection.scss index b45d7d4af6..9b2ee5169f 100644 --- a/cms/static/sass/_subsection.scss +++ b/cms/static/sass/_subsection.scss @@ -20,6 +20,30 @@ @include tree-view; } } + + .policy-list { + .policy-list-name { + margin-right: 5px; + } + + .policy-list-value { + margin-right: 10px; + } + + li { + margin-bottom: 10px; + } + } + + .new-policy-item { + margin: 10px 0; + + .plus-icon-small { + position: relative; + top: -1px; + vertical-align: middle; + } + } } .subsection-name-input { diff --git a/cms/templates/edit_subsection.html b/cms/templates/edit_subsection.html index e6eeed0963..ec5adc770a 100644 --- a/cms/templates/edit_subsection.html +++ b/cms/templates/edit_subsection.html @@ -38,11 +38,10 @@