homepage chart

src/pages/_includes/cards/development-activity.html

@@ -2,7 +2,13 @@
 	<div class="card-header border-0">
 		<div class="card-title">Development activity</div>
 	</div>
-	{% include ui/chart.html chart-id="development-activity" height=12 %}
+	<div class="position-relative">
+		<div class="position-absolute top-0 left-0 px-4 w-50">
+			<div class="mb-1">Today's Earning: $4,262.40</div>
+			<p class="text-muted text-h5">Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus...</p>
+		</div>
+		{% include ui/chart.html chart-id="development-activity" height=12 %}
+	</div>
 
 	<div class="table-responsive">
 		<table class="table card-table table-vcenter">

src/scss/_variables.scss

@@ -213,7 +213,7 @@ $spacers: (
   1: $spacer * .25,
   2: $spacer * .5,
   3: $spacer,
-  4: $spacer * 1.5,
+  4: $spacer * 1.25,
   5: $spacer * 3,
   6: $spacer * 4.5
 ) !default;