Fixed chart and form elements.

Author: EugeneIvankin

README.md

@@ -1,4 +1,4 @@
-# Light Blue Angular Dashboard - Ngx Admin Template (7.1.6 Full version) with Angular 9.0 Final Release support
+# Light Blue Angular Dashboard - Ngx Admin Template (7.1.7 Full version) with Angular 9.0 Final Release support
 
 This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.1.0.
 

changelog.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## [7.1.7]
+
+### Fixed
+- Fixed chart and form elements.
+
 ## [7.1.6]
 
 ### Fixed

src/app/pages/forms/elements/elements.template.html

@@ -383,15 +383,15 @@ <h6 *widgsterTitle>
             </label>
             <div class="col-md-8">
               <ng-select class="danger" name="n1" [(ngModel)]="selectedNumber" [clearable]="false" [searchable]="false"
-                [items]="fromOneToThree" style="display: inline-block; width: 75px;">
+                [items]="fromOneToThree" style="display: inline-block; width: 75px; margin-top: 8px">
               </ng-select>
               &nbsp;
               <ng-select class="warning" name="n2" [(ngModel)]="selectedNumber2" [clearable]="false"
-                [searchable]="false" [items]="fromFourToSix" style="display: inline-block; width: 75px;">
+                [searchable]="false" [items]="fromFourToSix" style="display: inline-block; width: 75px; margin-top: 8px">
               </ng-select>
               &nbsp;
               <ng-select class="success" name="n3" [(ngModel)]="selectedNumber3" [clearable]="false"
-                [searchable]="false" [items]="fromSevenToTen" style="display: inline-block; width: 75px;">
+                [searchable]="false" [items]="fromSevenToTen" style="display: inline-block; width: 75px; margin-top: 8px">
               </ng-select>
             </div>
           </div>
@@ -809,7 +809,7 @@ <h4>Slider Orientation</h4>
             attribute does the thing.</p>
           <form>
             <div class="row">
-              <div class="col-md-8 col-md-offset-2" style="height: 210px; margin-bottom: 10px;">
+              <div class="col-md-10 col-md-offset-2" style="height: 210px; margin-bottom: 15px;">
                 <ng5-slider [value]="14" [options]="{
                   floor: 0,
                   ceil: 20,

src/app/pages/main/analytics/analytics.template.html

@@ -7,7 +7,7 @@ <h1 class="page-title">Analytics
   <div class="sides-wrapper">
     <div class="analytics-side">
       <div class="row">
-        <div class="col-12 col-sm-6 col-lg-3" style="height: 16rem">
+        <div class="col-12 col-sm-6 col-xl-3" style="height: 16rem">
           <div class="pb-5 h-100">
             <section class="h-100 mb-0" widgster [loading]="analyticsService.isReceiving" [optionsControl]="false"
               [reloadControl]="false" [fullscreenControl]="false" [collapseControl]="false">
@@ -39,19 +39,19 @@ <h6>{{analyticsService.visits.rate_pct}}%</h6>
             </section>
           </div>
         </div>
-        <div class="col-12 col-sm-6 col-lg-3" style="height: 16rem">
+        <div class="col-12 col-sm-6 col-xl-3" style="height: 16rem">
           <div class="pb-5 h-100">
             <section class="h-100 mb-0" widgster [loading]="analyticsService.isReceiving" [optionsControl]="false"
               [reloadControl]="false" [fullscreenControl]="false" [collapseControl]="false">
               <h5 *widgsterTitle>Revenue Breakdown</h5>
               <div class="row">
-                <div style="height: 150px; width: 100%;" echarts [options]="echartPieChartData3">
+                <div style="height: 150px; width: 90%;" echarts [options]="echartPieChartData3">
                 </div>
               </div>
             </section>
           </div>
         </div>
-        <div class="col-12 col-sm-6 col-lg-3" style="height: 16rem">
+        <div class="col-12 col-sm-6 col-xl-3" style="height: 16rem">
           <div class="pb-5 h-100">
             <section class="h-100 mb-0" widgster [loading]="analyticsService.isReceiving" [optionsControl]="false"
               [reloadControl]="false" [fullscreenControl]="false" [collapseControl]="false">
@@ -87,7 +87,7 @@ <h6>Integration</h6>
             </section>
           </div>
         </div>
-        <div class="col-12 col-sm-6 col-lg-3" style="height: 16rem">
+        <div class="col-12 col-sm-6 col-xl-3" style="height: 16rem">
           <div class="pb-5 h-100">
             <section class="h-100 mb-0" widgster [loading]="analyticsService.isReceiving" [optionsControl]="false"
               [reloadControl]="false" [fullscreenControl]="false" [collapseControl]="false">