diff --git a/ui/modules/vpc/vpc.css b/ui/modules/vpc/vpc.css index bdab35f0d07..401c2ba1906 100644 --- a/ui/modules/vpc/vpc.css +++ b/ui/modules/vpc/vpc.css @@ -30,7 +30,7 @@ color: #6E6B6B; padding: 9px 1px 10px 20px; background: #FFFFFF; - border: 1px dotted #808080; + border: 2px solid #CFCFCF; position: absolute; top: 42px; left: 10px; diff --git a/ui/modules/vpc/vpc.js b/ui/modules/vpc/vpc.js index 6081c972be7..5e87dbb4fb6 100644 --- a/ui/modules/vpc/vpc.js +++ b/ui/modules/vpc/vpc.js @@ -134,15 +134,16 @@ top: $router.position().top + ($router.outerHeight() / 2 + ($tier.index() * posStartOffsetTop)), left: $router.position().left + $router.outerWidth() }; - var posStartWidth = 60 - (($tier.index() + 1) * posStartOffsetLeft); + var posStartWidth = 60 - ($tier.index() > 2 ? (($tier.index() + 1) * posStartOffsetLeft) : 0); var posEndOffset = 15; + var posEndWidthOffset = 3; var posEnd = { top: $tier.position().top + ($tier.outerHeight() / 2), left: posStart.left + posStartWidth + posEndOffset }; var posEndWidth = Math.abs($tier.position().left - - (posStart.left + posStartWidth)) - posEndOffset; + (posStart.left + posStartWidth)) + posEndWidthOffset; // Start line (next to router) $connectorStart.css({