From fd48698a884429a49189555b16a973c11d03a107 Mon Sep 17 00:00:00 2001
From: Dmitry Nehaychik <4dmitr@gmail.com>
Date: Wed, 6 Feb 2019 14:14:46 +0300
Subject: [PATCH] fix(bundles): fix table

---
 .../backend-bundles-section.component.html    | 20 ++++++++++--------
 .../backend-bundles-section.component.scss    | 21 +++++++++++++------
 .../backend-bundles-section.component.ts      |  2 +-
 3 files changed, 27 insertions(+), 16 deletions(-)

diff --git a/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.html b/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.html
index efb65ca6..ac5e68b9 100644
--- a/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.html
+++ b/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.html
@@ -174,7 +174,7 @@
   </ul>
 
   <table class="features-table">
-    <tr>
+    <tr class="header">
       <th class="left">FEATURES</th>
       <th>PERSONAL</th>
       <th>COMMERCIAL</th>
@@ -243,16 +243,18 @@
 
   <ngx-landing-description-section *ngIf="descriptions | async" [descriptions]="descriptions | async"></ngx-landing-description-section>
 
-  <ngx-landing-section-title>
-    Architecture Design
-  </ngx-landing-section-title>
+  <div class="bundles-architecture">
+    <ngx-landing-section-title>
+      Architecture Design
+    </ngx-landing-section-title>
 
-  <p class="features__description">The schema describes high-level solution architecture.</p>
+    <p class="features__description">The schema describes high-level solution architecture.</p>
 
-  <picture class="bundle-scheme">
-    <source type="image/webp" srcset="assets/img/bundle-scheme@1x.webp 1x, assets/img/bundle-scheme@2x.webp 2x">
-    <img class="bundle-scheme__image" src="assets/img/bundle-scheme@1x.png" srcset="assets/img/bundle-scheme@2x.png 2x" alt="Backend bundles">
-  </picture>
+    <picture class="bundle-scheme">
+      <source type="image/webp" srcset="assets/img/bundle-scheme@1x.webp 1x, assets/img/bundle-scheme@2x.webp 2x">
+      <img class="bundle-scheme__image" src="assets/img/bundle-scheme@1x.png" srcset="assets/img/bundle-scheme@2x.png 2x" alt="Backend bundles">
+    </picture>
+  </div>
 
   <p class="features__description">Need more details or have a question?</p>
 
diff --git a/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.scss b/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.scss
index 3a8885d7..fc8998b1 100644
--- a/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.scss
+++ b/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.scss
@@ -67,14 +67,18 @@
     }
   }
 
-  .bundle-scheme {
+  .bundles-architecture {
     display: none;
-    width: 100%;
-    height: auto;
-    margin: 2.5rem auto 5rem;
+    margin-bottom: 5rem;
 
-    &__image {
+    .bundle-scheme {
       width: 100%;
+      height: auto;
+      margin: 2.5rem auto;
+
+      &__image {
+        width: 100%;
+      }
     }
 
     @include media-breakpoint-up(md) {
@@ -329,7 +333,6 @@
     background-color: #fafafa;
 
     th, td {
-      //border: 0.5px solid #dae0eb;
       padding: 0.5rem;
       text-align: center;
     }
@@ -360,6 +363,12 @@
       width: 100%;
       max-width: 100%;
     }
+
+    .features-table {
+      .header {
+        font-size: 0.875rem
+      }
+    }
   }
 
   @include media-breakpoint-down(is) {
diff --git a/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.ts b/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.ts
index 7e54f9d8..f9738320 100644
--- a/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.ts
+++ b/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.ts
@@ -19,7 +19,7 @@ import { Descriptions, DescriptionsService } from '../../../@core/data/service/d
 })
 export class BackendBundlesSectionComponent implements AfterViewInit {
 
-  descriptions: Observable<Descriptions[]> = this.descriptionsService.getDescriptions();
+  descriptions: Observable<Descriptions[]> = this.descriptionsService.getBundleDescriptions();
 
   selectedLicenseType = 'Personal';
   personalLicense = 'Personal';