diff --git a/includes/view/PublicDashboard_view.php b/includes/view/PublicDashboard_view.php index 27ae97e3..4a25d0bf 100644 --- a/includes/view/PublicDashboard_view.php +++ b/includes/view/PublicDashboard_view.php @@ -12,7 +12,7 @@ function public_dashboard_view($stats, $free_shifts) $shift_panels[] = public_dashborad_shift_render($shift); } $needed_angels = div('container-fluid first', [ - div('col-xs-12', [ + div('col-md-12', [ heading(_('Needed angels:'), 1) ]), join($shift_panels) @@ -66,11 +66,11 @@ function public_dashborad_shift_render($shift) // $panel_body = '' . $panel_body . ''; - return div('col-xs-3', [ + return div('col-md-3', [ div('dashboard-panel panel panel-' . $style, [ div('panel-body', [ '', - heading($panel_body, 4) + $panel_body ]) ]) ]); diff --git a/public/css/theme0.css b/public/css/theme0.css index 8783a324..38b05fdf 100644 --- a/public/css/theme0.css +++ b/public/css/theme0.css @@ -6738,13 +6738,17 @@ body { } .stats { position: relative; - float: left; - width: 25%; min-height: 1px; padding-left: 15px; padding-right: 15px; text-align: center; } +@media (min-width: 992px) { + .stats { + float: left; + width: 25%; + } +} .stats .number { font-size: 80px; font-weight: 200; @@ -6760,6 +6764,8 @@ body { } .dashboard-panel { position: relative; + font-size: 20px; + color: inherit; } .dashboard-panel .panel-link { position: absolute; diff --git a/public/css/theme1.css b/public/css/theme1.css index 2d0a2133..dd42b9fe 100644 --- a/public/css/theme1.css +++ b/public/css/theme1.css @@ -6761,13 +6761,17 @@ body { } .stats { position: relative; - float: left; - width: 25%; min-height: 1px; padding-left: 15px; padding-right: 15px; text-align: center; } +@media (min-width: 992px) { + .stats { + float: left; + width: 25%; + } +} .stats .number { font-size: 80px; font-weight: 200; @@ -6783,6 +6787,8 @@ body { } .dashboard-panel { position: relative; + font-size: 20px; + color: #ffffff; } .dashboard-panel .panel-link { position: absolute; diff --git a/public/css/theme2.css b/public/css/theme2.css index 6f30828a..7e11590a 100644 --- a/public/css/theme2.css +++ b/public/css/theme2.css @@ -6738,13 +6738,17 @@ body { } .stats { position: relative; - float: left; - width: 25%; min-height: 1px; padding-left: 15px; padding-right: 15px; text-align: center; } +@media (min-width: 992px) { + .stats { + float: left; + width: 25%; + } +} .stats .number { font-size: 80px; font-weight: 200; @@ -6760,6 +6764,8 @@ body { } .dashboard-panel { position: relative; + font-size: 20px; + color: inherit; } .dashboard-panel .panel-link { position: absolute; diff --git a/public/css/theme3.css b/public/css/theme3.css index 1f1efaff..71b34ad5 100644 --- a/public/css/theme3.css +++ b/public/css/theme3.css @@ -6747,13 +6747,17 @@ body { } .stats { position: relative; - float: left; - width: 25%; min-height: 1px; padding-left: 15px; padding-right: 15px; text-align: center; } +@media (min-width: 992px) { + .stats { + float: left; + width: 25%; + } +} .stats .number { font-size: 80px; font-weight: 200; @@ -6769,6 +6773,8 @@ body { } .dashboard-panel { position: relative; + font-size: 20px; + color: inherit; } .dashboard-panel .panel-link { position: absolute; diff --git a/public/css/theme4.css b/public/css/theme4.css index 2202c01d..6a4e7855 100644 --- a/public/css/theme4.css +++ b/public/css/theme4.css @@ -6761,13 +6761,17 @@ body { } .stats { position: relative; - float: left; - width: 25%; min-height: 1px; padding-left: 15px; padding-right: 15px; text-align: center; } +@media (min-width: 992px) { + .stats { + float: left; + width: 25%; + } +} .stats .number { font-size: 80px; font-weight: 200; @@ -6783,6 +6787,8 @@ body { } .dashboard-panel { position: relative; + font-size: 20px; + color: #ffffff; } .dashboard-panel .panel-link { position: absolute; diff --git a/public/css/theme5.css b/public/css/theme5.css index 75a0030c..1ad2b4ae 100644 --- a/public/css/theme5.css +++ b/public/css/theme5.css @@ -6741,13 +6741,17 @@ body { } .stats { position: relative; - float: left; - width: 25%; min-height: 1px; padding-left: 15px; padding-right: 15px; text-align: center; } +@media (min-width: 992px) { + .stats { + float: left; + width: 25%; + } +} .stats .number { font-size: 80px; font-weight: 200; @@ -6763,6 +6767,8 @@ body { } .dashboard-panel { position: relative; + font-size: 20px; + color: inherit; } .dashboard-panel .panel-link { position: absolute; diff --git a/public/css/theme6.css b/public/css/theme6.css index 8c269cb2..ea90a182 100644 --- a/public/css/theme6.css +++ b/public/css/theme6.css @@ -6764,13 +6764,17 @@ body { } .stats { position: relative; - float: left; - width: 25%; min-height: 1px; padding-left: 15px; padding-right: 15px; text-align: center; } +@media (min-width: 992px) { + .stats { + float: left; + width: 25%; + } +} .stats .number { font-size: 80px; font-weight: 200; @@ -6786,6 +6790,8 @@ body { } .dashboard-panel { position: relative; + font-size: 20px; + color: #ffffff; } .dashboard-panel .panel-link { position: absolute; diff --git a/themes/base.less b/themes/base.less index e529ead6..93e8dd70 100644 --- a/themes/base.less +++ b/themes/base.less @@ -22,7 +22,7 @@ body { } .stats { - .make-xs-column(3); + .make-md-column(3); text-align: center; .number { @@ -45,6 +45,8 @@ body { .dashboard-panel { position: relative; + font-size: 20px; + color: @headings-color; .panel-link { position: absolute;