improve public dashboard

9 files changed, 62 insertions, 18 deletions

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 = '<a href="' . shift_link($shift) . '">' . $panel_body . '</a>';
     
-    return div('col-xs-3', [
+    return div('col-md-3', [
         div('dashboard-panel panel panel-' . $style, [
             div('panel-body', [
                 '<a class="panel-link" href="' . shift_link($shift) . '"></a>',
-                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;