simple tuning of download graphs

index.html

@@ -36,6 +36,8 @@
 	.more_info {
 		min-height: 0px;
 	}
+
+
 	.button_set {
 		float: right;
 		margin-bottom: 5px;
@@ -48,15 +50,10 @@
 		text-align: center;
 		margin-bottom: 3px;
 	}
-	#active_downloads {
-		/* min-width: 856px; */
-	}
 	.active_graph {
-		height:300px;
+		width: 80%;
 		margin-top: 10px;
 		margin-bottom: 10px;
-		/* min-width: 856px; */
-		width: 80%;
 	}
 	.download_item {
 		margin-bottom: 10px;

js/libs/jquery.flot.resize.js

@@ -11,10 +11,10 @@ plots, you can just fix the size of their placeholders.
 */
 
 
-/* Inline dependency: 
+/* Inline dependency:
  * jQuery resize event - v1.1 - 3/14/2010
  * http://benalman.com/projects/jquery-resize-plugin/
- * 
+ *
  * Copyright (c) 2010 "Cowboy" Ben Alman
  * Dual licensed under the MIT and GPL licenses.
  * http://benalman.com/about/license/
@@ -38,7 +38,7 @@ plots, you can just fix the size of their placeholders.
             plot.setupGrid();
             plot.draw();
         }
-        
+
         function bindEvents(plot, eventHolder) {
             plot.getPlaceholder().resize(onResize);
         }
@@ -46,11 +46,11 @@ plots, you can just fix the size of their placeholders.
         function shutdown(plot, eventHolder) {
             plot.getPlaceholder().unbind("resize", onResize);
         }
-        
+
         plot.hooks.bindEvents.push(bindEvents);
         plot.hooks.shutdown.push(shutdown);
     }
-    
+
     $.plot.plugins.push({
         init: init,
         options: options,

js/script.js

@@ -491,7 +491,10 @@ function updateGraph(gid) {
 	}
 }
 function createGraph(selector) {
-	return $.plot(selector, [{
+	var elem = $(selector);
+	elem.height(elem.width() / 2);
+
+	return $.plot(elem, [{
 		label: "Download Speed",
 		data: [],
 		color: "#ff0000",