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;