push pie charts down if container is too compact

public/less/admin/general/dashboard.less

@@ -19,6 +19,11 @@
 				top: -10px;
 				left: 0px;
 			}
+
+			&.compact {
+				padding-left: 0px;
+				padding-top: 60px;
+			}
 		}
 
 		.graph-legend {

public/src/forum/admin/general/dashboard.js

@@ -276,6 +276,18 @@ define('forum/admin/general/dashboard', ['semver'], function(semver) {
 
 		setInterval(updateTrafficGraph, 15000);
 		updateTrafficGraph();
+
+		$(window).on('resize', function() {
+			$('.pie-chart.push-down').each(function() {
+				var $this = $(this);
+
+				if ($this.width() < 320) {
+					$this.addClass('compact');
+				} else {
+					$this.removeClass('compact');
+				}
+			});
+		});
 	}
 
 	function updateTrafficGraph() {

src/views/admin/general/dashboard.tpl

@@ -60,7 +60,7 @@
 		<div class="panel panel-default">
 			<div class="panel-heading">Anonymous vs Registered Users</div>
 			<div class="panel-body">
-				<div class="graph-container pie-chart">
+				<div class="graph-container pie-chart push-down">
 					<ul class="graph-legend">
 						<li><div class="anonymous"></div><span>Anonymous</span></li>
 						<li><div class="registered"></div><span>Registered</span></li>
@@ -73,7 +73,7 @@
 		<div class="panel panel-default">
 			<div class="panel-heading">User Presence</div>
 			<div class="panel-body">
-				<div class="graph-container pie-chart">
+				<div class="graph-container pie-chart push-down">
 					<ul class="graph-legend">
 						<li><div class="on-homepage"></div><span>On Homepage</span></li>
 						<li><div class="reading-posts"></div><span>Reading posts</span></li>