homepage fixes

pages/_includes/cards/most-visited-pages.html

@@ -4,22 +4,27 @@
 	</div>
 	<div class="table-responsive">
 		<table class="table card-table table-vcenter">
+
+			<thead>
 			<tr>
-				<th colspan="2">Page name</th>
+				<th>Page name</th>
 				<th>Visitors</th>
 				<th>Unique page visits</th>
 				<th colspan="2">Bounce rate</th>
 			</tr>
+			</thead>
 
 			{% for page in site.data.pages %}
 			<tr>
-				<td>{{ page.uri }}</td>
-				<td><a href="#" class="text-muted">{% include ui/icon.html icon="link" %}</a></td>
-				<td>{{ page.visitors | format_number }}</td>
-				<td>{{ page.unique | format_number }}</td>
-				<td>{{ page.bounce-rate }}</td>
+				<td>
+					{{ page.uri }}
+					<a href="#" class="link-secondary ml-2">{% include ui/icon.html icon="link" %}</a>
+				</td>
+				<td class="text-muted">{{ page.visitors | format_number }}</td>
+				<td class="text-muted">{{ page.unique | format_number }}</td>
+				<td class="text-muted">{{ page.bounce-rate }}</td>
 				<td class="text-right">
-					{% include ui/sparkline.html data="4,3,6,5,4,5,4,6,7,6,5,7,8,7,8,9,8,9,10" wide=true %}
+					{% include ui/sparkline.html type="line" data="4,3,6,5,4,5,4,6,7,6,5,7,8,7,8,9,8,9,10" %}
 				</td>
 			</tr>
 			{% endfor %}

pages/_includes/cards/small-stats.html

 {% assign chart-type = include.chart-type | default: 'line' %}
 {% assign chart-position = include.chart-position | default: 'right' %}
-<div class="card">
-	<div class="card-body p-3 d-flex align-items-center">
+<div class="card card-sm">
+	<div class="card-body d-flex align-items-center">
 		{% if include.icon %}
 		<span class="{% if include.color %}bg-{{ include.color }} text-white{% endif %} stamp mr-3">{% include ui/icon.html icon=include.icon %}</span>
 		{% elsif include.person-id %}

pages/_includes/cards/tasks.html

@@ -27,7 +27,7 @@
 				</td>
 				<td class="text-nowrap">
 					<a href="#" class="text-muted">
-						% include ui/icon.html icon="message-square" %} {{ forloop.index | random_number: 0, 12 }}</a>
+						{% include ui/icon.html icon="message-square" %} {{ forloop.index | random_number: 0, 12 }}</a>
 				</td>
 				<td>
 					{% include ui/avatar.html person-id=forloop.index size="sm" %}

pages/_includes/ui/sparkline.html

-{% assign type = include.type %}
+{% assign type = include.type | default: 'bar' %}
 {% assign id = 0 | random_id %}
 {% assign color = include.color | default: 'blue' %}
 

scss/_tabler-vendors.scss

-@import "vendor/pace";
+@import "vendor/peity";
 @import "vendor/selectize";
 @import "vendor/jqvmap";
 @import "vendor/apexcharts";

scss/ui/_cards.scss

@@ -190,18 +190,18 @@
   }
 
   .card-sm>& {
-    padding: map-get($spacers, 3);
+    padding: .75rem;
   }
 
   .card-md>& {
     @include media-breakpoint-up(md) {
-      padding: map-get($spacers, 5);
+      padding: 1.5rem;
     }
   }
 
   .card-lg>& {
     @include media-breakpoint-up(md) {
-      padding: map-get($spacers, 6);
+      padding: 3rem;
     }
   }
 

scss/vendor/_peity.scss

+.peity {
+  stroke-linejoin: round;
+  stroke-linecap: round;
+}
\ No newline at end of file