1 day ago
+290 Page Likes
diff --git a/src/pages/_includes/forms/form-elements-6.html b/src/pages/_includes/forms/form-elements-6.html
index 0953e1aa4..5f905b9ae 100644
--- a/src/pages/_includes/forms/form-elements-6.html
+++ b/src/pages/_includes/forms/form-elements-6.html
@@ -20,8 +20,8 @@
- {% include ui/button.html color="white" block=true icon="brand/github" icon-color="github" text="Login with Github" %}
- {% include ui/button.html color="white" block=true icon="brand/twitter" icon-color="twitter" text="Login with Twitter" %}
+ {% include ui/button.html color="white" block=true icon="brand-github" icon-color="github" text="Login with Github" %}
+ {% include ui/button.html color="white" block=true icon="brand-twitter" icon-color="twitter" text="Login with Twitter" %}
diff --git a/src/pages/snippets.html b/src/pages/snippets.html
index e68fc7958..0617d3e5b 100644
--- a/src/pages/snippets.html
+++ b/src/pages/snippets.html
@@ -49,7 +49,7 @@ libs: jquery, apexcharts, peity
{% include cards/small-stats.html chart-type="line" chart-data="20,0,40,30,40,30,80,60" %}
{% include cards/small-stats.html chart-type="bar" chart-data="20,40,30,10,40,60,80,70" color="red" icon="heart" %}
- {% include cards/small-stats.html chart-type="bar" chart-data="20,40,20,-10,-30,10,40,60,80,70" color="green" icon="brand/github" %}
+ {% include cards/small-stats.html chart-type="bar" chart-data="20,40,20,-10,-30,10,40,60,80,70" color="green" icon="brand-github" %}
{% include cards/small-stats.html chart-type="pie" chart-data="12/100" person-id=10 %}
{% include cards/small-stats.html chart-type="pie" chart-data="12/100" person-id=11 %}
{% include cards/small-stats.html chart-type="pie" chart-data="56/100" person-id=1 %}
diff --git a/src/scss/ui/_buttons.scss b/src/scss/ui/_buttons.scss
index 74b66cc95..5244695a8 100644
--- a/src/scss/ui/_buttons.scss
+++ b/src/scss/ui/_buttons.scss
@@ -27,8 +27,8 @@
i {
width: $icon-size;
height: $icon-size;
- margin: 0 .25rem 0;
- margin-inline-start: -.5rem;
+ margin: 0 .5rem 0;
+ margin-inline-start: -.25rem;
vertical-align: bottom;
}
@@ -36,13 +36,13 @@
width: 1.25rem;
height: 1.25rem;
vertical-align: text-top;
- margin: 0 .25rem 0;
- margin-inline-start: -.5rem;
+ margin: 0 .5rem 0;
+ margin-inline-start: -.25rem;
}
.icon-right {
- margin: 0 .25rem 0;
- margin-inline-end: -.5rem;
+ margin: 0 .5rem 0;
+ margin-inline-end: -.25rem;
}
.badge {