diff --git a/pages/_includes/ui/chart.html b/pages/_includes/ui/chart.html
index 685e3e8dd..7ab5c6e6a 100644
--- a/pages/_includes/ui/chart.html
+++ b/pages/_includes/ui/chart.html
@@ -1,6 +1,6 @@
{% assign data = site.data.charts[include.chart-id] %}
{% assign id = include.id | default: include.chart-id %}
-{% assign height = include.height | default: 10 %}
+{% assign height = include.height | default: data.height | default: 10 %}
{% assign class = include.class %}
{% if include['size'] == 'sm' %}
@@ -16,7 +16,7 @@
{% assign data = site.data.charts[data.extend] | concat_objects: site.data.charts[include.chart-id] %}
{% endif %}
-
+
{% capture script %}
{% assign chart-type = data.type | default: 'bar' %}
@@ -118,7 +118,7 @@
top: -20,
right: 0,
left: -4,
- bottom: -8
+ bottom: -4
},
{% endunless %}
{% if data.hide-grid %}
diff --git a/pages/charts.html b/pages/charts.html
index 5a8d15abd..9146faa53 100644
--- a/pages/charts.html
+++ b/pages/charts.html
@@ -6,31 +6,29 @@ libs: apexcharts
---
-
-
-
- {% include ui/chart.html chart-id="tasks-overview" height=20 %}
-
-
-
-
- {% for chart in site.data.charts %}
- {% if chart[1].demo %}
- {% assign chart-id = chart[0] %}
-
-
- {% if chart[1].name %}
-
- {% endif %}
-
- {% include ui/chart.html chart-id=chart-id height=15 %}
-
-
-
- {% endif %}
- {% endfor %}
-
+
+
+
+ {% include ui/chart.html chart-id="tasks-overview" height=20 %}
+
+
+
+ {% for chart in site.data.charts %}
+ {% if chart[1].demo %}
+ {% assign chart-id = chart[0] %}
+
+
+ {% if chart[1].name %}
+
+ {% endif %}
+
+ {% include ui/chart.html chart-id=chart-id height=15 %}
+
+
+
+ {% endif %}
+ {% endfor %}
diff --git a/scss/_debug.scss b/scss/_debug.scss
index 430bb4118..d07d09d8e 100644
--- a/scss/_debug.scss
+++ b/scss/_debug.scss
@@ -29,6 +29,10 @@ $debug: false;
@debug ("border-color: '#{$border-color}'");
@debug ("text-muted: '#{$text-muted}'");
+
+ @each $name, $color in $social-colors {
+ @debug ("#{$name}: '#{$color}'");
+ }
}
diff --git a/scss/ui/_cards.scss b/scss/ui/_cards.scss
index 8bd76383c..a77ce1e7e 100644
--- a/scss/ui/_cards.scss
+++ b/scss/ui/_cards.scss
@@ -166,7 +166,7 @@
font-size: $h3-font-size;
font-weight: $headings-font-weight;
color: $headings-color;
- line-height: (24/18);
+ line-height: 1.5rem;
@at-root a#{&}:hover {
color: inherit;
diff --git a/scss/ui/_dropdowns.scss b/scss/ui/_dropdowns.scss
index 1f1546852..5103e9904 100644
--- a/scss/ui/_dropdowns.scss
+++ b/scss/ui/_dropdowns.scss
@@ -20,6 +20,7 @@
display: flex;
align-items: center;
margin: 0;
+ line-height: $line-height-base;
}
.dropdown-item-icon {
diff --git a/scss/ui/_icons.scss b/scss/ui/_icons.scss
index cd10ac5d0..03b354fad 100644
--- a/scss/ui/_icons.scss
+++ b/scss/ui/_icons.scss
@@ -1,7 +1,8 @@
.icon {
- width: 1em;
- height: 1em;
- font-size: 1em;
+ width: 1rem;
+ height: 1rem;
+ font-size: 1rem;
+ vertical-align: text-bottom;
&:hover {
text-decoration: none;
diff --git a/scss/vendor/_apexcharts.scss b/scss/vendor/_apexcharts.scss
index 54ff80575..c72ccd3f5 100644
--- a/scss/vendor/_apexcharts.scss
+++ b/scss/vendor/_apexcharts.scss
@@ -41,3 +41,8 @@
.apexcharts-xaxis-tick {
stroke: $gray-300;
}
+
+.apexcharts-yaxis-label,
+.apexcharts-xaxis-label {
+ fill: $text-muted;
+}