Separating content from layout

1 files changed, 10 insertions, 3 deletions

diff --git a/src/js/ui/sections/myPageSection.js b/src/js/ui/sections/myPageSection.js
index 4976691..5dbd2ab 100644
--- a/src/js/ui/sections/myPageSection.js
+++ b/src/js/ui/sections/myPageSection.js
@@ -20,11 +20,10 @@ export function myPageSection()
             { element: "h2", innerText: "My Page" }
         ]
     };
-    var myPageSection = {
+    var content = {
         element: "div",
-        id: "mypage-section",
+        className: "content",
         innerHTML: [
-            whereAmI,
             { element: "h2", innerText: "My page" },
             { element: "button", id: "stellar-freigher-connect-address-button", onclick:"connect()", innerText:"Connect with Freighter wallet" },
             { element: "div", id:"my-news", innerHTML:[
@@ -41,6 +40,14 @@ export function myPageSection()
             ]}
         ]
     };
+    var myPageSection = {
+        element: "div",
+        id: "mypage-section",
+        innerHTML: [
+            whereAmI,
+            content
+        ]
+    };
 
     makeElement(myPageSection, document.querySelector('.main'));
 }