fix(demo): improved code

src/app/pages/backend-integration/backend-integration.component.scss

@@ -26,7 +26,7 @@
   align-items: stretch;
   height: 100%;
 
-  ::ng-deep & *:last-child {
+  ::ng-deep :last-child {
     width: 100%;
   }
 }
@@ -52,13 +52,6 @@
 
     .diagram-container {
       min-width: 0;
-      ::ng-deep ngx-backend-integration-diagram {
-        padding-top: 0;
-
-        & > * {
-          position: static !important;
-        }
-      }
     }
   }
 }

src/app/pages/backend-integration/descriptions/dot-net-core-integration-description.component.ts

@@ -11,7 +11,7 @@ import { Component } from '@angular/core';
 })
 export class DotNetCoreIntegrationDescriptionComponent {
 
-  buttonText: string = 'Get Backend From 49$';
+  buttonText = 'Get Backend From 49$';
   url = 'https://store.akveo.com/collections/net-core-bundles?utm_campaign=akveo_store%20-%20all%20bundles%20-%20ngx_admin_demo&utm_source=ngx_admin&utm_medium=referral&utm_content=sidebar_link_dotnetcore';
 
   features: string[] = [

src/app/pages/backend-integration/descriptions/dot-net-integration-description.component.ts

@@ -11,7 +11,7 @@ import { Component } from '@angular/core';
 })
 export class DotNetIntegrationDescriptionComponent {
 
-  buttonText: string = 'Get Backend From 49$';
+  buttonText = 'Get Backend From 49$';
   url = 'https://store.akveo.com/collections/net-bundles?utm_campaign=akveo_store%20-%20all%20bundles%20-%20ngx_admin_demo&utm_source=ngx_admin&utm_medium=referral&utm_content=sidebar_link_dotnet';
 
   features: string[] = [

src/app/pages/backend-integration/descriptions/ecommerce-integration-description.component.ts

@@ -11,7 +11,7 @@ import { Component } from '@angular/core';
 })
 export class EcommerceIntegrationDescriptionComponent {
 
-  buttonText: string = 'Get Backend From 49$';
+  buttonText = 'Get Backend From 49$';
   url = 'https://store.akveo.com/collections/e-commerce-bundles?utm_campaign=akveo_store%20-%20all%20bundles%20-%20ngx_admin_demo&utm_source=ngx_admin&utm_medium=referral&utm_content=sidebar_link_e-commerce';
 
   features: string[] = [

src/app/pages/backend-integration/descriptions/iot-integration-description.component.ts

@@ -11,7 +11,7 @@ import { Component } from '@angular/core';
 })
 export class IotIntegrationDescriptionComponent {
 
-  buttonText: string = 'Get Backend From 49$';
+  buttonText = 'Get Backend From 49$';
   url = 'https://store.akveo.com/collections/iot-bundles?utm_campaign=akveo_store%20-%20all%20bundles%20-%20ngx_admin_demo&utm_source=ngx_admin&utm_medium=referral&utm_content=sidebar_link_iot';
 
   features: string[] = [

src/app/pages/backend-integration/descriptions/java-integration-description.component.ts

@@ -11,7 +11,7 @@ import { Component } from '@angular/core';
 })
 export class JavaIntegrationDescriptionComponent {
 
-  buttonText: string = 'Get Backend From 49$';
+  buttonText = 'Get Backend From 49$';
   url = 'https://store.akveo.com/collections/java-bundles?utm_campaign=akveo_store%20-%20all%20bundles%20-%20ngx_admin_demo&utm_source=ngx_admin&utm_medium=referral&utm_content=sidebar_link_java';
 
   features: string[] = [

src/app/pages/backend-integration/descriptions/node-js-integration-description.component.ts

@@ -11,7 +11,7 @@ import { Component } from '@angular/core';
 })
 export class NodeJsIntegrationDescriptionComponent {
 
-  buttonText: string = 'Get Backend From 49$';
+  buttonText = 'Get Backend From 49$';
   url = 'https://store.akveo.com/collections/nodejs-bundles?utm_campaign=akveo_store%20-%20all%20bundles%20-%20ngx_admin_demo&utm_source=ngx_admin&utm_medium=referral&utm_content=sidebar_link_nodejs';
 
   features: string[] = [

src/app/pages/backend-integration/descriptions/php-integration-description.component.ts

@@ -11,7 +11,7 @@ import { Component } from '@angular/core';
 })
 export class PhpIntegrationDescriptionComponent {
 
-  buttonText: string = 'Get Backend From 49$';
+  buttonText = 'Get Backend From 49$';
   url = 'https://store.akveo.com/products/material-php-starter-bundle?utm_campaign=akveo_store%20-%20all%20bundles%20-%20ngx_admin_demo&utm_source=ngx_admin%20&utm_medium=referral%20&utm_content=sidebar_link_php';
 
   features: string[] = [

src/app/pages/backend-integration/descriptions/python-integration-description.component.ts

@@ -11,7 +11,7 @@ import { Component } from '@angular/core';
 })
 export class PythonIntegrationDescriptionComponent {
 
-  buttonText: string = 'Get Backend From 49$';
+  buttonText = 'Get Backend From 49$';
   url = 'https://store.akveo.com/collections/python-bundles?utm_campaign=akveo_store%20-%20all%20bundles%20-%20ngx_admin_demo&utm_source=ngx_admin&utm_medium=referral&utm_content=sidebar_link_python';
 
   features: string[] = [

src/app/pages/backend-integration/diagram/backend-integration-diagram.component.html

@@ -1,2 +1,2 @@
-<div class="image" [inlineSVG]="'assets/images/backend-integration-diagram.svg'">
+<div inlineSVG="assets/images/backend-integration-diagram.svg">
 </div>

src/app/pages/backend-integration/diagram/backend-integration-diagram.component.scss

@@ -2,22 +2,6 @@
 
 @include nb-install-component() {
   width: 100%;
-  position: relative;
-  padding-top: 80%; /* Aspect Ratio */
-
-  & > div {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    margin-bottom: 0;
-  }
-
-  .canvas {
-    width: 100%;
-    height: 100%;
-  }
 
   ::ng-deep svg {
     path.card-header, path.subcard-header, path.diagram-header {

src/app/pages/backend-integration/integration-description/integration-description.component.scss

@@ -23,7 +23,8 @@
   }
 
   a {
-    width: fit-content;
+    width: auto;
+    align-self: flex-start;
     margin-top: 2rem;
   }
 }