From 1fa882d59e5fc38a2516b3c0044e240d04295abc Mon Sep 17 00:00:00 2001
From: nymkappa <vialjoris@hotmail.com>
Date: Tue, 23 Aug 2022 17:31:44 +0200
Subject: [PATCH 1/2] Add missing closing div

---
 .../nodes-channels-map.component.html           | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/frontend/src/app/lightning/nodes-channels-map/nodes-channels-map.component.html b/frontend/src/app/lightning/nodes-channels-map/nodes-channels-map.component.html
index 0b3e4198b..8053589d7 100644
--- a/frontend/src/app/lightning/nodes-channels-map/nodes-channels-map.component.html
+++ b/frontend/src/app/lightning/nodes-channels-map/nodes-channels-map.component.html
@@ -8,14 +8,15 @@
         <small style="color: #ffffff66" i18n="lightning.tor-nodes-excluded">(Tor nodes excluded)</small>
       </div>
 
-    <div class="chart" [class]="style" echarts [initOpts]="chartInitOptions" [options]="chartOptions" (chartInit)="onChartInit($event)"
-      (chartFinished)="onChartFinished($event)">
+      <div class="chart" [class]="style" echarts [initOpts]="chartInitOptions" [options]="chartOptions"
+        (chartInit)="onChartInit($event)" (chartFinished)="onChartFinished($event)">
+      </div>
+
+      <div *ngIf="!chartOptions && style === 'nodepage'" style="padding-top: 30px"></div>
     </div>
 
-    <div *ngIf="!chartOptions && style === 'nodepage'" style="padding-top: 30px"></div>
+    <div class="text-center loading-spinner" [class]="style" *ngIf="isLoading">
+      <div class="spinner-border text-light"></div>
+    </div>
   </div>
-
-  <div class="text-center loading-spinner" [class]="style" *ngIf="isLoading">
-    <div class="spinner-border text-light"></div>
-  </div>
-</div>
+</div>
\ No newline at end of file

From 8dd8c01aabf97ae0b0e89b036bf0ddebc17f2ff0 Mon Sep 17 00:00:00 2001
From: Mononaut <github@monospace.live>
Date: Tue, 23 Aug 2022 15:50:52 +0000
Subject: [PATCH 2/2] Fix lightning graph heights on preview pages

---
 .../nodes-channels-map.component.html                |  6 +++---
 .../nodes-channels-map.component.scss                | 12 ++++++++++++
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/lightning/nodes-channels-map/nodes-channels-map.component.html b/frontend/src/app/lightning/nodes-channels-map/nodes-channels-map.component.html
index 8053589d7..1da3a4baf 100644
--- a/frontend/src/app/lightning/nodes-channels-map/nodes-channels-map.component.html
+++ b/frontend/src/app/lightning/nodes-channels-map/nodes-channels-map.component.html
@@ -1,5 +1,5 @@
-<div [style]="style === 'widget' ? 'height: 250px' : ''">
-  <div *ngIf="channelsObservable | async">
+<div class="map-wrapper" [class]="style">
+  <ng-container *ngIf="channelsObservable | async">
     <div *ngIf="chartOptions" [class]="'full-container ' + style + (fitContainer ? ' fit-container' : '')">
       <div *ngIf="style === 'graph'" class="card-header">
         <div class="d-flex d-md-block align-items-baseline" style="margin-bottom: -5px">
@@ -18,5 +18,5 @@
     <div class="text-center loading-spinner" [class]="style" *ngIf="isLoading">
       <div class="spinner-border text-light"></div>
     </div>
-  </div>
+  </ng-container>
 </div>
\ No newline at end of file
diff --git a/frontend/src/app/lightning/nodes-channels-map/nodes-channels-map.component.scss b/frontend/src/app/lightning/nodes-channels-map/nodes-channels-map.component.scss
index 254bf4d64..d8838a093 100644
--- a/frontend/src/app/lightning/nodes-channels-map/nodes-channels-map.component.scss
+++ b/frontend/src/app/lightning/nodes-channels-map/nodes-channels-map.component.scss
@@ -1,3 +1,15 @@
+.map-wrapper {
+  height: 100%;
+
+  &.widget {
+    height: 250px;
+  }
+
+  &.graph {
+    height: auto;
+  }
+}
+
 .card-header {
   border-bottom: 0;
   font-size: 18px;