Adjusted map layout to work within frames

NagiosEnterprises · Mar 7, 2015 · 26b53a8 · 26b53a8
1 parent 3223327
commit 26b53a8
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/html/js/map.js b/html/js/map.js
@@ -121,8 +121,11 @@ angular.module("mapApp", ["ui.bootstrap", "ui.utils", "nagiosDecorations",
 					$location.absUrl().replace(/map\.html.*$/, "images/logos/"),
 		};
 
-		$scope.svgWidth = $window.innerWidth - 1;
-		$scope.svgHeight = $window.innerHeight - 3;
+		var rightPadding = 1;
+		var bottomPadding = 4;
+
+		$scope.svgWidth = $window.innerWidth - rightPadding;
+		$scope.svgHeight = $window.innerHeight - bottomPadding;
 
 		// Application state variables
 		$scope.formDisplayed = false;
@@ -162,8 +165,8 @@ angular.module("mapApp", ["ui.bootstrap", "ui.utils", "nagiosDecorations",
 		};
 
 		angular.element($window).bind("resize", function() {
-			$scope.svgWidth = $window.innerWidth - 1;
-			$scope.svgHeight = $window.innerHeight - 3;
+			$scope.svgWidth = $window.innerWidth - rightPadding;
+			$scope.svgHeight = $window.innerHeight - bottomPadding;
 			$scope.$apply("svgWidth");
 			$scope.$apply("svgHeight");
 		});

diff --git a/html/stylesheets/map.css b/html/stylesheets/map.css
@@ -1,3 +1,8 @@
+/* Styles for the body as whole */
+body {
+	margin: 0;
+}
+
 /* Styles for the map header div */
 div#header-container {
 	position: absolute;