diff --git a/css/download.css b/css/download.css
index 0d68a85..1b2090a 100644
--- a/css/download.css
+++ b/css/download.css
@@ -31,14 +31,13 @@
 }
 
 .download-graph {
-  width: 30%;
+  width: 35%;
   margin-top: 1em;
   margin-bottom: 1em;
-  margin-left: auto;
-  margin-right: auto;
+  margin-right: 30px;
 }
 .large-graph {
-  width: 80%;
+  width: 66%;
 }
 .stats {
   margin-top: 0px;
diff --git a/css/style.css b/css/style.css
index 0d7dc3a..d88fd61 100644
--- a/css/style.css
+++ b/css/style.css
@@ -41,6 +41,16 @@
   font-family: sans-serif;
 }
 
+#download-graph {
+  float: right;
+}
+@media (max-width: 767px) {
+  #download-graph {
+    float: none;
+    width: 100%;
+  }
+}
+
 #download-filter {
   margin: 0;
   height: auto;
diff --git a/index.html b/index.html
index 48aa5a1..28513c6 100755
--- a/index.html
+++ b/index.html
@@ -226,22 +226,18 @@
     Currently no download in line to display, use the '<strong>Add</strong>' download button to start downloading files!
   </div>
 
-
   <!-- {{{ global statistics -->
-  <h3 ng-show="totalAria2Downloads()">Global Statistics</h3>
-
-  <div ng-class="{'large-graph': large_graph}" class="download-graph hidden-phone"
+  <div ng-class="{'large-graph': large_graph}" id="download-graph" class="download-graph"
     dspeed="gstats.downloadSpeed"
     uspeed="gstats.uploadSpeed"
     dgraph ng-show="totalAria2Downloads()"
     draw="true"
     ng-click="large_graph = !large_graph">
   </div>
-    <!-- }}} -->
-
+  <!-- }}} -->
 
   <!-- {{{ download template -->
-   <h3 ng-show="totalAria2Downloads()">Download List</h3>
+  <h3 ng-show="totalAria2Downloads()">Download List</h3>
 
   <form ng-show="(totalAria2Downloads() > pageSize) || downloadFilter.length" id="filters">
     <fieldset>
@@ -280,6 +276,7 @@
     </fieldset>
   </form>
 
+
   <table
     ng-repeat="download in getDownloads()"
     class="row download" data-gid="{{download.gid}}">
diff --git a/js/directives/dgraph.js b/js/directives/dgraph.js
index 6bdfa5c..6e53d23 100644
--- a/js/directives/dgraph.js
+++ b/js/directives/dgraph.js
@@ -4,6 +4,7 @@
 angular
 .module('webui.directives.dgraph', ['webui.filters.bytes', 'webui.services.deps'])
 .directive('dgraph', ['$', '$filter', '$parse', function($, filter, parse) {
+  var ratio = 0.4;
   var xfmt = "%H:%M:%S";
   var yTicks = 7; // Number of y-axis ticks (sans 0)
   var yTickBase = 10240; // y-axis ticks must be a multiple of this (bytes).
@@ -37,7 +38,7 @@ angular
     ;
 
     // hack for the null height for flot elem
-    elem.height(elem.width() / 2);
+    elem.height(elem.width() * ratio);
 
     var graph = $.plot(elem, [dconf, uconf], {
       legend: {
@@ -84,7 +85,7 @@ angular
       var width = elem.width();
       if (width == 0) return;
 
-      elem.height(width / 2);
+      elem.height(width * ratio);
 
       graph.setData([dconf, uconf]);
       graph.resize();