displayed and created channel pages

webui-src/app/channels/channel.css

@@ -0,0 +1,6 @@
+.channel-node-panel {
+    position: relative;
+    /* bottom: 650px; */
+    margin-left: 200px;
+    animation: fadein 0.5s;
+  }

webui-src/app/channels/channels.js

@@ -2,10 +2,10 @@ const m = require('mithril');
 const widget = require('widgets');
 
 const sections = {
-  MyForums: require('channels/my_forums'),
-  SubscribedFroums: require('channels/subscribed_forums'),
-  PopularForums: require('channels/popular_forums'),
-  OtherForums: require('channels/other_forums')
+  MyChannels: require('channels/my_channels'),
+  SubscribedChannels: require('channels/subscribed_channels'),
+  PopularChannels: require('channels/popular_channels'),
+  OtherChannels: require('channels/other_channels')
 }
 
 const Layout = {
@@ -15,7 +15,7 @@ const Layout = {
         tabs: Object.keys(sections),
         baseRoute: '/channels/',
       }),
-      m('.node-panel .', vnode.children),
+      m('.channel-node-panel', vnode.children),
     ]),
 };
 

webui-src/app/channels/my_channels.js

@@ -3,7 +3,7 @@ const m = require('mithril');
 const Layout = () => {
     return{
         view: () => [
-            m('h2', 'My Forums')
+            m('.widget',[m('h2', 'My Channels'),m('hr'),])
         ]
     };
 };

webui-src/app/channels/other_channels.js

@@ -2,8 +2,8 @@ const m = require('mithril');
 
 const Layout = () => {
     return{
-        view: () => [
-            m('h2', 'Popular Forums')
+        view: () => [            
+            m('.widget',[m('h2', 'Other Channels'),m('hr'),])
         ]
     };
 };

webui-src/app/channels/popular_channels.js

@@ -2,8 +2,8 @@ const m = require('mithril');
 
 const Layout = () => {
     return{
-        view: () => [
-            m('h2', 'Subscribed Forums')
+        view: () => [            
+            m('.widget',[m('h2', 'Popular Channels'),m('hr'),])
         ]
     };
 };

webui-src/app/channels/subscribed_channels.js

@@ -3,7 +3,7 @@ const m = require('mithril');
 const Layout = () => {
     return{
         view: () => [
-            m('h2', 'Other Forums')
+            m('.widget',[m('h2', 'Subscribed Channels'),m('hr'),])
         ]
     };
 };

webui-src/app/mail/mail.css

@@ -90,4 +90,10 @@ iframe.msg {
   bottom: 50%;
   right: 58%;
   
+}
+.mail-node-panel {
+  position: relative;
+  bottom: 650px;
+  margin-left: 200px;
+  animation: fadein 0.5s;
 }

webui-src/app/mail/mail_resolver.js

@@ -112,7 +112,7 @@ const Layout = {
         tabs: Object.keys(sectionsquickview),
         baseRoute: '/mail/',
       }),
-      m('.node-panel', vnode.children),
+      m('.mail-node-panel', vnode.children),
     ]),
 };
 

webui-src/app/main.js

@@ -53,7 +53,7 @@ const Layout = () => {
             chat: '/chat',
             mail: '/mail/inbox',
             files: '/files/files',
-            channels: '/channels/MyForums',
+            channels: '/channels/MyChannels',
             config: '/config/network',
           },
         }),

webui-src/app/theme.css

@@ -442,7 +442,7 @@ a.tab-menu-item {
 /* Content adjacent to sidebar */
 .node-panel {
   position: relative;
-  bottom: 650px;
+  /* bottom: 650px; */
   margin-left: 200px;
   animation: fadein 0.5s;
 }