From 2dd4e7c447b6b1aa15200cfcfb71160f19808565 Mon Sep 17 00:00:00 2001
From: Mystikfluu <Mystikfluu@gmail.com>
Date: Tue, 12 Jul 2022 15:07:45 +0200
Subject: [PATCH] enhancements of channel list

---
 css/posts.css    | 4 +++-
 js/posts.js      | 1 +
 views/posts.html | 2 +-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/css/posts.css b/css/posts.css
index ae51421..cdaf6de 100644
--- a/css/posts.css
+++ b/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
 }
diff --git a/js/posts.js b/js/posts.js
index 6062317..900ae9c 100644
--- a/js/posts.js
+++ b/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)
diff --git a/views/posts.html b/views/posts.html
index 0adb65d..2c4e4ea 100644
--- a/views/posts.html
+++ b/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>