From fb7f92ab70ed8686ddafa086035579a55010f382 Mon Sep 17 00:00:00 2001
From: piratefinn <toyou1995@gmail.com>
Date: Wed, 5 Jul 2017 10:06:34 +0100
Subject: [PATCH] Fixed box

---
 src/app/dashboard/dashboard.component.html | 212 ++++++++++-----------
 1 file changed, 102 insertions(+), 110 deletions(-)

diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
index c53a96f..d112087 100644
--- a/src/app/dashboard/dashboard.component.html
+++ b/src/app/dashboard/dashboard.component.html
@@ -22,123 +22,115 @@
     </div>
   </div>
   <div class="row">
-    <div *ngIf="showGraph.customersthisweekgraph">
-      <div class="col-sm-6 col-lg-3">
-        <div class="card card-inverse card-primary">
-          <div class="card-block pb-0">
-            <div class="btn-group float-right" dropdown>
-              <button type="button" class="btn btn-transparent dropdown-toggle p-0" dropdownToggle>
-                <i class="icon-settings"></i>
-              </button>
-              <div class="dropdown-menu dropdown-menu-right" *dropdownMenu>
-                <a class="dropdown-item" href="#">Action</a>
-                <a class="dropdown-item" href="#">Another action</a>
-                <a class="dropdown-item" href="#">Something else here</a>
-              </div>
-            </div>
-            <h4 class="mb-0">138</h4>
-            <p>Customers this week</p>
-          </div>
-          <div class="chart-wrapper px-3" style="height:70px;">
-            <canvas baseChart class="chart"
-            [datasets]="lineChart1Data"
-            [labels]="lineChart1Labels"
-            [options]="lineChart1Options"
-            [colors]="lineChart1Colours"
-            [legend]="lineChart1Legend"
-            [chartType]="lineChart1Type"
-            (chartHover)="chartHovered($event)"
-            (chartClick)="chartClicked($event)"></canvas>
-          </div>
-        </div>
-      </div><!--/.col-->
-    </div>
-    <div *ngIf="showGraph.customerslastweekgraph">
-      <div class="col-sm-6 col-lg-3">
-        <div class="card card-inverse card-info">
-          <div class="card-block pb-0">
-            <button type="button" class="btn btn-transparent p-0 float-right">
-              <i class="icon-location-pin"></i>
+    <div *ngIf="showGraph.customersthisweekgraph" class="col-sm-6 col-lg-3">
+      <div class="card card-inverse card-primary">
+        <div class="card-block pb-0">
+          <div class="btn-group float-right" dropdown>
+            <button type="button" class="btn btn-transparent dropdown-toggle p-0" dropdownToggle>
+              <i class="icon-settings"></i>
             </button>
-            <h4 class="mb-0">9.823</h4>
-            <p>Customers last week</p>
-          </div>
-          <div class="chart-wrapper px-3" style="height:70px;">
-            <canvas baseChart class="chart"
-            [datasets]="lineChart2Data"
-            [labels]="lineChart2Labels"
-            [options]="lineChart2Options"
-            [colors]="lineChart2Colours"
-            [legend]="lineChart2Legend"
-            [chartType]="lineChart2Type"
-            (chartHover)="chartHovered($event)"
-            (chartClick)="chartClicked($event)"></canvas>
-          </div>
-        </div>
-      </div><!--/.col-->
-    </div>
-    <div *ngIf="showGraph.pointsthisweekgraph">
-      <div class="col-sm-6 col-lg-3">
-        <div class="card card-inverse card-warning">
-          <div class="card-block pb-0">
-            <div class="btn-group float-right">
-              <button type="button" class="btn btn-transparent dropdown-toggle p-0" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                <i class="icon-settings"></i>
-              </button>
-              <div class="dropdown-menu dropdown-menu-right">
-                <a class="dropdown-item" href="#">Action</a>
-                <a class="dropdown-item" href="#">Another action</a>
-                <a class="dropdown-item" href="#">Something else here</a>
-              </div>
+            <div class="dropdown-menu dropdown-menu-right" *dropdownMenu>
+              <a class="dropdown-item" href="#">Action</a>
+              <a class="dropdown-item" href="#">Another action</a>
+              <a class="dropdown-item" href="#">Something else here</a>
             </div>
-            <h4 class="mb-0">9.823</h4>
-            <p>Points earned this week</p>
-          </div>
-          <div class="chart-wrapper" style="height:70px;">
-            <canvas baseChart class="chart"
-            [datasets]="lineChart3Data"
-            [labels]="lineChart3Labels"
-            [options]="lineChart3Options"
-            [colors]="lineChart3Colours"
-            [legend]="lineChart3Legend"
-            [chartType]="lineChart3Type"
-            (chartHover)="chartHovered($event)"
-            (chartClick)="chartClicked($event)"></canvas>
           </div>
+          <h4 class="mb-0">138</h4>
+          <p>Customers this week</p>
         </div>
-      </div><!--/.col-->
-    </div>
-    <div *ngIf="showGraph.pointslastweekgraph">
-      <div class="col-sm-6 col-lg-3">
-        <div class="card card-inverse card-danger">
-          <div class="card-block pb-0">
-            <div class="btn-group float-right" dropdown>
-              <button type="button" class="btn btn-transparent dropdown-toggle p-0" dropdownToggle>
-                <i class="icon-settings"></i>
-              </button>
-              <div class="dropdown-menu dropdown-menu-right" *dropdownMenu>
-                <a class="dropdown-item" href="#">Action</a>
-                <a class="dropdown-item" href="#">Another action</a>
-                <a class="dropdown-item" href="#">Something else here</a>
-              </div>
+        <div class="chart-wrapper px-3" style="height:70px;">
+          <canvas baseChart class="chart"
+          [datasets]="lineChart1Data"
+          [labels]="lineChart1Labels"
+          [options]="lineChart1Options"
+          [colors]="lineChart1Colours"
+          [legend]="lineChart1Legend"
+          [chartType]="lineChart1Type"
+          (chartHover)="chartHovered($event)"
+          (chartClick)="chartClicked($event)"></canvas>
+        </div>
+      </div>
+    </div><!--/.col-->
+    <div *ngIf="showGraph.customerslastweekgraph" class="col-sm-6 col-lg-3">
+      <div class="card card-inverse card-info">
+        <div class="card-block pb-0">
+          <button type="button" class="btn btn-transparent p-0 float-right">
+            <i class="icon-location-pin"></i>
+          </button>
+          <h4 class="mb-0">9.823</h4>
+          <p>Customers last week</p>
+        </div>
+        <div class="chart-wrapper px-3" style="height:70px;">
+          <canvas baseChart class="chart"
+          [datasets]="lineChart2Data"
+          [labels]="lineChart2Labels"
+          [options]="lineChart2Options"
+          [colors]="lineChart2Colours"
+          [legend]="lineChart2Legend"
+          [chartType]="lineChart2Type"
+          (chartHover)="chartHovered($event)"
+          (chartClick)="chartClicked($event)"></canvas>
+        </div>
+      </div>
+    </div><!--/.col-->
+    <div *ngIf="showGraph.pointsthisweekgraph" class="col-sm-6 col-lg-3">
+      <div class="card card-inverse card-warning">
+        <div class="card-block pb-0">
+          <div class="btn-group float-right">
+            <button type="button" class="btn btn-transparent dropdown-toggle p-0" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              <i class="icon-settings"></i>
+            </button>
+            <div class="dropdown-menu dropdown-menu-right">
+              <a class="dropdown-item" href="#">Action</a>
+              <a class="dropdown-item" href="#">Another action</a>
+              <a class="dropdown-item" href="#">Something else here</a>
             </div>
-            <h4 class="mb-0">9.823</h4>
-            <p>Points earned last week</p>
-          </div>
-          <div class="chart-wrapper px-3" style="height:70px;">
-            <canvas baseChart class="chart"
-            [datasets]="barChart1Data"
-            [labels]="barChart1Labels"
-            [options]="barChart1Options"
-            [colors]="barChart1Colours"
-            [legend]="barChart1Legend"
-            [chartType]="barChart1Type"
-            (chartHover)="chartHovered($event)"
-            (chartClick)="chartClicked($event)"></canvas>
           </div>
+          <h4 class="mb-0">9.823</h4>
+          <p>Points earned this week</p>
         </div>
-      </div><!--/.col-->
-    </div>
+        <div class="chart-wrapper" style="height:70px;">
+          <canvas baseChart class="chart"
+          [datasets]="lineChart3Data"
+          [labels]="lineChart3Labels"
+          [options]="lineChart3Options"
+          [colors]="lineChart3Colours"
+          [legend]="lineChart3Legend"
+          [chartType]="lineChart3Type"
+          (chartHover)="chartHovered($event)"
+          (chartClick)="chartClicked($event)"></canvas>
+        </div>
+      </div>
+    </div><!--/.col-->
+    <div *ngIf="showGraph.pointslastweekgraph" class="col-sm-6 col-lg-3">
+      <div class="card card-inverse card-danger">
+        <div class="card-block pb-0">
+          <div class="btn-group float-right" dropdown>
+            <button type="button" class="btn btn-transparent dropdown-toggle p-0" dropdownToggle>
+              <i class="icon-settings"></i>
+            </button>
+            <div class="dropdown-menu dropdown-menu-right" *dropdownMenu>
+              <a class="dropdown-item" href="#">Action</a>
+              <a class="dropdown-item" href="#">Another action</a>
+              <a class="dropdown-item" href="#">Something else here</a>
+            </div>
+          </div>
+          <h4 class="mb-0">9.823</h4>
+          <p>Points earned last week</p>
+        </div>
+        <div class="chart-wrapper px-3" style="height:70px;">
+          <canvas baseChart class="chart"
+          [datasets]="barChart1Data"
+          [labels]="barChart1Labels"
+          [options]="barChart1Options"
+          [colors]="barChart1Colours"
+          [legend]="barChart1Legend"
+          [chartType]="barChart1Type"
+          (chartHover)="chartHovered($event)"
+          (chartClick)="chartClicked($event)"></canvas>
+        </div>
+      </div>
+    </div><!--/.col-->
   </div><!--/.row-->
   <div class="card">
     <div class="card-block">