improve public dashboard

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
             ])
         ])
     ]);

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;

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;

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;

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;

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;

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;

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;

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;