diff --git a/html/js/map.js b/html/js/map.js
index 2908bcfee..2f2ddba5a 100644
--- 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
index 0d438984e..2f55b710b 100644
--- 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;