diff --git a/styles/elements/_icons.scss b/styles/elements/_icons.scss index fa3f54f6..a3c60c74 100644 --- a/styles/elements/_icons.scss +++ b/styles/elements/_icons.scss @@ -78,4 +78,13 @@ &.icon--gold { @include icon-color($color-gold-dark); } + + &.icon--circle { + svg { + border-radius: 100%; + border-style: solid; + border-width: 1px; + padding: 2px; + } + } } diff --git a/templates/navigation/global_sidenav.html b/templates/navigation/global_sidenav.html index c3f51657..7844f6c2 100644 --- a/templates/navigation/global_sidenav.html +++ b/templates/navigation/global_sidenav.html @@ -32,7 +32,7 @@
Fund a New Portfolio - {{ Icon("plus", classes="sidenav__link-icon") }} + {{ Icon("plus", classes="sidenav__link-icon icon--circle") }} diff --git a/templates/portfolios/applications/index.html b/templates/portfolios/applications/index.html index 803e5074..64e1f412 100644 --- a/templates/portfolios/applications/index.html +++ b/templates/portfolios/applications/index.html @@ -14,7 +14,7 @@ {% if can_create_applications %} {{ 'portfolios.applications.add_application_text' | translate }} - {{ Icon("plus", classes="sidenav__link-icon") }} + {{ Icon("plus", classes="sidenav__link-icon icon--circle") }} {% endif %} diff --git a/templates/portfolios/applications/members.html b/templates/portfolios/applications/members.html index 5a9fc845..fbb02cf4 100644 --- a/templates/portfolios/applications/members.html +++ b/templates/portfolios/applications/members.html @@ -65,7 +65,7 @@ Add A New Member - {{ Icon('plus') }} + {{ Icon('plus', classes='icon--circle') }} diff --git a/templates/portfolios/members/index.html b/templates/portfolios/members/index.html index bf79bd8b..976cffc0 100644 --- a/templates/portfolios/members/index.html +++ b/templates/portfolios/members/index.html @@ -98,7 +98,7 @@ Add A New Member - {{ Icon('plus') }} + {{ Icon('plus', classes='icon--circle') }}