web-ui: Improve responsiveness on the ticker

web-ui/src/app/components/ticker/ticker.component.html

@@ -1,6 +1,6 @@
 <div class="row">
   <div class="col-xs-12 col-sm-12 col-md-offset-1 col-md-10 col-lg-offset-1 col-lg-10">
-    <div class="col-xs-4 col-sm-4 col-md-3 col-lg-3">
+    <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
       <div class="panel panel-default">
         <div class="panel-heading">{{'label.totalSupply' | translate}}
         </div>
@@ -11,7 +11,7 @@
       </div>
     </div>
 
-    <div class="col-xs-4 col-sm-4 col-md-3 col-lg-3">
+    <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
       <div class="panel panel-default">
         <div class="panel-heading">{{'label.circulatingSupply' | translate}}
         </div>
@@ -22,7 +22,7 @@
       </div>
     </div>
 
-    <div class="col-xs-4 col-sm-4 col-md-3 col-lg-3">
+    <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
       <div class="panel panel-default">
         <div class="panel-heading">{{'label.blocks' | translate}}
         </div>
@@ -33,7 +33,7 @@
       </div>
     </div>
 
-    <div class="col-xs-4 col-sm-4 col-md-3 col-lg-3">
+    <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
       <div class="panel panel-default">
         <div class="panel-heading">{{'label.masternodes' | translate}}
         </div>