chore(demo): More responsive on spinners page

Author: t-ho

src/app/master-configuration/master-configuration.component.scss

@@ -9,6 +9,10 @@ h3 {
   margin-bottom: 10px;
 }
 
+pre {
+  font-size: 10px;
+}
+
 h3 {
   margin-top: 10px;
 }

src/app/spinners/spinners.component.html

@@ -1,5 +1,5 @@
 <div fxLayout="row wrap" fxLayoutAlign="center" style="margin-top: 12px">
-  <div fxFlex="100" fxFlex.gt-xs="800px" fxLayout="row wrap" fxLayoutAlign="center start">
+  <div fxFlex="100" fxFlex.gt-sm="960px" fxFlex.gt-sx="600px" fxLayout="row wrap" fxLayoutAlign="center start">
     <div *ngFor="let spinner of spinners" fxFlex.xs="40" class="container" fxFlex="135px">
       <div class="ngx-foreground-spinner spinner-container">
         <div [class]="spinner.class">