diff --git a/js/apps/system/aardvark/frontend/scss/_modals.scss b/js/apps/system/aardvark/frontend/scss/_modals.scss index f02a881a52..3a17231625 100644 --- a/js/apps/system/aardvark/frontend/scss/_modals.scss +++ b/js/apps/system/aardvark/frontend/scss/_modals.scss @@ -117,8 +117,8 @@ .modalChartDetail { height: 500px; - position: fixed; padding-left: 10px; + position: fixed; width: 90%; } diff --git a/js/apps/system/aardvark/frontend/scss/_newDashboard.scss b/js/apps/system/aardvark/frontend/scss/_newDashboard.scss index 27002b1d0c..a62b93a189 100644 --- a/js/apps/system/aardvark/frontend/scss/_newDashboard.scss +++ b/js/apps/system/aardvark/frontend/scss/_newDashboard.scss @@ -4,8 +4,8 @@ $dashboard-padding: 28px; %dashboard-chart-box { @extend %pull-left; border-left: 1px solid $c-black; + cursor: pointer; margin-left: -1px; - cursor:pointer; &:first-child { border-left: 0; @@ -16,6 +16,7 @@ $dashboard-padding: 28px; .detailChart { @extend %pull-left; } + .dashboard-interior-chart { @extend %pull-left; height: $dashboard-height - $dashboard-padding; @@ -54,22 +55,22 @@ $dashboard-padding: 28px; width: $legend-width; .dashboard-legend-inner { - padding-top: 20px; padding-left: 20px; + padding-top: 20px; } } .dashboard-detailLegend { @extend %pull-left; height: $dashboard-height; - width: $legend-width; - position: fixed; left: 90%; + position: fixed; top: 40%; + width: $legend-width; .dashboard-legend-inner { - padding-top: 20px; padding-left: 20px; + padding-top: 20px; } } @@ -140,8 +141,8 @@ $dashboard-padding: 28px; @extend %dashboard-chart-box; font-size: 25px; height: ($dashboard-height + $dashboard-padding) / 2 - 36px - 36px - 2px; - top: 15%; text-align: center; + top: 15%; width: 50%; } @@ -156,7 +157,7 @@ $dashboard-padding: 28px; .dashboard-figure { @extend %pull-left; margin-bottom: 10%; - margin-top: 7%; margin-left: 19%; + margin-top: 7%; text-align: center; }