enhancements of channel list

css/posts.css

@@ -89,7 +89,9 @@ button {
 }
 
 .channelTab {
-  text-align: left;
+  color: var(--text-color);
+  background-color: var(--fg-color);
+  text-align: center;
   float: left;
   padding-right: 20px
 }

js/posts.js

@@ -267,6 +267,7 @@ async function loadChannels() {
   tab.innerHTML = ""
   for (let i = 0; i < channels.length; i++) {
     let channelname = channels[i].post_receiver_name
+    if(channelname == "")continue;
     let channelp = document.createElement("p")
     channelp.classList.add("channel")
     let textnode = document.createTextNode(channelname)

views/posts.html

@@ -31,11 +31,11 @@
         <br>
         <button type="button" name="button" id="post-btn" onclick="postMessage()">Post</button>
       </div>
-      <div class="posts" id="posts"></div>
       <div class="channelTab" id="channelTab">
         <!-- <p class="channel">- Channel Name -</p> -->
 
       </div>
+      <div class="posts" id="posts"></div>
     </div>
     <script type="text/javascript" src="/js/posts.js"></script>
   </body>