From 7fede3b4e1e1e941336528bb6ea37e467917599d Mon Sep 17 00:00:00 2001
From: shockrah <alejandros714@protonmail.com>
Date: Tue, 9 Mar 2021 00:07:41 -0800
Subject: [PATCH] =?UTF-8?q?=E2=9E=95=20New=20css=20making=20channel=20butt?=
 =?UTF-8?q?ons=20not=20ugly=20as=20hell=20=E2=9E=95=20Moving=20channels.li?=
 =?UTF-8?q?st=20behind=20async=20call=20=E2=9C=A8=20Moved=20server-name=20?=
 =?UTF-8?q?to=20top=20of=20dom=20to=20reduce=20clutter(i=20think)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 freechat-client/pages/index.html   |  7 +++----
 freechat-client/sass/channels.scss | 11 +++++++++++
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/freechat-client/pages/index.html b/freechat-client/pages/index.html
index 03acba9..c8182a2 100644
--- a/freechat-client/pages/index.html
+++ b/freechat-client/pages/index.html
@@ -14,7 +14,7 @@
 <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
 	<a class="navbar-brand">
 		<img src="../assets/logo.png" width="30" height="30" class="d-inline-block align-top" loading="lazy">
-		Freechat
+		<span id="server-name">Freechat</span>
 	</a>
 	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-opts" aria-controls="navbar-opts" aria-expanded="false" aria-label="Toggle navigation">
 		<span class="navbar-toggler-icon"></span>
@@ -31,8 +31,7 @@
 
 <div class="wrapper" id="content-container">
 	<nav>
-		<div class="channels-list-header"><h3 id="server-name"></h3></div>
-		<ul class="list-unstyled components" id="channels-list">
+		<ul class="components channel-container" id="channels-list">
 		</ul>
 	</nav>
 
@@ -148,7 +147,7 @@
 				})
 			)
 
-			$(`#${id}`).on('click', () => channels.list(remote, user))
+			$(`#${id}`).on('click', async () => await channels.list(remote, user))
 		}
 	} catch(err) {
 		console.log(err)
diff --git a/freechat-client/sass/channels.scss b/freechat-client/sass/channels.scss
index 972e2c8..a88de12 100644
--- a/freechat-client/sass/channels.scss
+++ b/freechat-client/sass/channels.scss
@@ -1,5 +1,16 @@
 @import 'general';
 
+.channel-container {
+	text-align: center;
+	list-style: none;
+	padding-inline-start: 0;
+	width: 12em;
+}
+
+.channel-btn {
+	width: 75%;
+}
+
 .channel {
 	color: $text;
 	background-color: $top-grey;