fix width of canvas (smoothie chart legends)

Author: tariqbuilds

css/main.css

@@ -7,7 +7,7 @@ html {
   margin-top: 0px;
   padding-top: 0;
   border-top: 1px solid #4F8EF7;
-  
+
   background: url(../img/themes/crossword.png);
 
   -webkit-transition: all 1s ease;
@@ -137,14 +137,14 @@ body {
 #theme-switcher .option.selected:hover {
   background-color: lightgrey;
 }
-@media (min-width: 1080px) { 
+@media (min-width: 1080px) {
   #plugins {
     float: none;
     margin: 0 auto;
     clear: both;
   }
 }
-@media (max-width: 1079px) { 
+@media (max-width: 1079px) {
   #plugins {
     float: none;
     margin: 0 auto;
@@ -178,7 +178,7 @@ body {
   margin-left: 20px;
   margin-bottom: 50px;
 }
-@media (max-width: 768px) { 
+@media (max-width: 768px) {
   .plugin {
     max-width: 80%;
     float: none;
@@ -261,7 +261,7 @@ refresh-btn button:active {
   height: 100%;
   width: 6px;
   display: inline-block;
-  
+
   -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
   animation: stretchdelay 1.2s infinite ease-in-out;
 }
@@ -287,15 +287,15 @@ refresh-btn button:active {
 }
 
 @-webkit-keyframes stretchdelay {
-  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
+  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
   20% { -webkit-transform: scaleY(1.0) }
 }
 
 @keyframes stretchdelay {
-  0%, 40%, 100% { 
+  0%, 40%, 100% {
     transform: scaleY(0.4);
     -webkit-transform: scaleY(0.4);
-  }  20% { 
+  }  20% {
     transform: scaleY(1.0);
     -webkit-transform: scaleY(1.0);
   }
@@ -311,7 +311,7 @@ table
   text-align: left;
   table-layout:fixed;
 }
-table th, 
+table th,
 table td {
   padding: 5px;
   max-width: 250px;
@@ -341,7 +341,6 @@ table.metrics-table {
 canvas {
   float: none;
   margin: 0 auto;
-  width: 100%;
   max-width: 100%;
 }
 /*********************************************
@@ -366,7 +365,7 @@ canvas {
   padding-bottom: 0;
   margin: 0;
 }
-.table-data-plugin .filter, 
+.table-data-plugin .filter,
 .table-data-plugin .filter:focus,
 .table-data-plugin .filter:active {
   height: 20px;
@@ -383,7 +382,7 @@ canvas {
 .table-data-plugin .filter:focus {
   border-bottom: 1px solid #ff5722;
 }
-.table-data-plugin thead tr th a, 
+.table-data-plugin thead tr th a,
 .table-data-plugin thead tr th a:visited {
   color: black;
   text-decoration: none;
@@ -393,7 +392,7 @@ canvas {
   color: #1EAEDB;
 }
 /*
- * Popover 
+ * Popover
  * http://codepen.io/derekpcollins/pen/JCLhG/
  */