fix: filter-sort icon

Author: frankpagan

demo/call-log.html

@@ -39,7 +39,7 @@
 
 				<!-- Modal Controls -->
 				<li class="margin-right:15px">
-					<a actions="closeModal"><i class="height:18px fill:#505050" src="/assets/svg/times.svg"></i></a>
+					<a actions="closeModal"><i class="display:flex height:18px fill:#505050" src="/assets/svg/times.svg"></i></a>
 				</li>
 				<li class="margin-right:15px">
 					<a actions="minMaxModal">
@@ -135,7 +135,7 @@
 							filter-name="status" 
 							template_id="datatable" 
 							placeholder="Status">
-							<span class="position:absolute bottom:18px right:20px float:right font-size:18px z-index:6">
+							<span class="position:absolute bottom:20px right:20px float:right z-index:6">
 								<!-- need a solution to update toggle value="desc|asc" and define and upadte icons... show hide works great but to much html and orderby only has 2 values -->
 								<a filter-sort-name="name" filter-sort-toggle template_id="datatable">
 									<i></i>
@@ -147,7 +147,7 @@
 							filter-name="Callstatus" 
 							template_id="datatable" 
 							placeholder="CallStatus"/>
-							<span class="position:absolute bottom:18px right:20px float:right font-size:18px z-index:6" >
+							<span class="position:absolute bottom:20px right:20px float:right z-index:6" >
 								<a filter-sort-name="_id" value="" filter-sort-direction="asc" icon click-value="desc, asc" click-attribute="filter-sort-direction" template_id="datatable">
 								</a>
 							</span>
@@ -157,7 +157,7 @@
 							filter-name="direction" 
 							template_id="datatable" 
 							placeholder="direction"/>
-							<span class="position:absolute bottom:18px right:20px float:right font-size:18px z-index:6" >
+							<span class="position:absolute bottom:20px right:20px float:right z-index:6" >
 								<a filter-sort-name="_id" value="" filter-sort-direction="asc" icon click-value="desc, asc" click-attribute="filter-sort-direction" template_id="datatable">
 								</a>
 							</span>
@@ -167,7 +167,7 @@
 							filter-name="duration" 
 							template_id="datatable" 
 							placeholder="duration"/>
-							<span class="position:absolute bottom:18px right:20px float:right font-size:18px z-index:6" >
+							<span class="position:absolute bottom:20px right:20px float:right z-index:6" >
 								<a filter-sort-name="_id" value="" filter-sort-direction="asc" icon click-value="desc, asc" click-attribute="filter-sort-direction" template_id="datatable">
 								</a>
 							</span>
@@ -177,7 +177,7 @@
 							filter-name="CallSid" 
 							template_id="datatable" 
 							placeholder="CallSid"/>
-							<span class="position:absolute bottom:18px right:20px float:right font-size:18px z-index:6" >
+							<span class="position:absolute bottom:20px right:20px float:right z-index:6" >
 								<a filter-sort-name="_id" value="" filter-sort-direction="asc" icon click-value="desc, asc" click-attribute="filter-sort-direction" template_id="datatable">
 								</a>
 							</span>