css

js/apps/system/aardvark/frontend/js/templates/dashboardHttpGroup.ejs

@@ -1,5 +1,5 @@
 <script id="dashboardHttpGroup.ejs" type="text/template">
 
-  <div id="<%=id%>"></div>
+  <div id="<%=id%>" class="dashboardChart"></div>
 
 </script>

js/apps/system/aardvark/frontend/js/views/dashboardView.js

@@ -352,6 +352,7 @@
           .x(function(d) { return d.label })
           .y(function(d) { return d.value })
           //.margin({top: 30, right: 20, bottom: 50, left: 175})
+          .margin({left: 80})
           .showValues(true)
           .transitionDuration(350)
           .showControls(false);

js/apps/system/aardvark/frontend/scss/_dashboardDistribution.scss

@@ -1,4 +1,9 @@
-.dashboardDistribution svg {
-  width: 300px;
-  height: 300px;
+.dashboardDistribution {
+  width: 270px;
+  float: left;
+}
+
+.dashboardDistribution svg {
+  width: 250px;
+  height: 220px;
 }

js/apps/system/aardvark/frontend/scss/_dashboardHttpGroup.scss

@@ -3,3 +3,7 @@
   height: 300px;
   border: 1px solid black;
 }
+
+.dashboardChart {
+  float: left;
+}

js/apps/system/aardvark/frontend/scss/generated.css

@@ -863,6 +863,13 @@ select.filterSelect {
   height: 300px;
   border: 1px solid black; }
 
+.dashboardChart {
+  float: left; }
+
+.dashboardDistribution {
+  width: 270px;
+  float: left; }
+
 .dashboardDistribution svg {
-  width: 300px;
-  height: 300px; }
+  width: 250px;
+  height: 220px; }