Separating content from layout

1 files changed, 9 insertions, 2 deletions

diff --git a/src/js/ui/sections/stellarBalancesSection.js b/src/js/ui/sections/stellarBalancesSection.js
index 9b68b5a..fd07dde 100644
--- a/src/js/ui/sections/stellarBalancesSection.js
+++ b/src/js/ui/sections/stellarBalancesSection.js
@@ -20,13 +20,20 @@ export function stellarBalancesSection()
             { element: "h2", innerText: "Balances" }
         ]
     };
+    var content = {
+        element: "div",
+        className: "content",
+        innerHTML: [
+            { element: "em", id: "stellar-balances-not-found", innerText: "No data found (yet?)!" },
+            { element: "table", id:"stellar-balances-table" }
+        ]
+    };
     var stellarBalancesSection = {
         element: "div",
         id: "stellar-balances",
         innerHTML: [
             whereAmI,
-            { element: "em", id: "stellar-balances-not-found", innerText: "No data found (yet?)!" },
-            { element: "table", id:"stellar-balances-table" }
+            content
         ]
     };
     makeElement(stellarBalancesSection, document.querySelector('.main'));