slider - convert to flex and style a wee bit

include/text.php

@@ -3113,10 +3113,12 @@ function pdl_selector($uid, $current='') {
  * @return one-dimensional array
  */
 function flatten_array_recursive($arr) {
-	$ret = array();
 
-	if(! $arr)
+	$ret = [];
+
+	if(! ($arr && is_array($arr))) {
 		return $ret;
+	}
 
 	foreach($arr as $a) {
 		if(is_array($a)) {

view/css/widgets.css

@@ -67,11 +67,21 @@ li:hover .widget-nav-pills-icons {
 	}
 }
 
+#slider-container {
+	display: flex;
+	flex-wrap: no-wrap;
+	justify-content: flex-center;
+}
+
 #main-range {
-	width: 94%;
+	background-color: #EEF;
+	border-radius: 0.25rem;
+	width: 90%;
+	
 }
 
 .range-icon {
+	margin: 4px;
 	font-size: 12px;
 	color: #777;
 }

view/tpl/main_slider.tpl

@@ -1,12 +1,14 @@
 <div id="main-slider" class="slider" >
+	<div id="slider-container">
 	<i class="fa fa-fw fa-user range-icon"></i>
 	<input id="main-range" title="{{$cmax}}" type="range" min="0" max="99" name="cmax" value="{{$cmax}}" list="affinity_labels" >
-	<i class="fa fa-fw fa-users range-icon"></i>
 	<datalist id="affinity_labels">
 	{{foreach $labels as $k => $v}}
 		<option value={{$k}} label="{{$v}}">
 	{{/foreach}}
 	</datalist>
+	<i class="fa fa-fw fa-users range-icon"></i>
+	</div>
 	<div id="profile-jot-text-loading" class="spinner-wrapper">
 		<div class="spinner m"></div>
 	</div>