Add button to join new channel

style.css

@@ -22,12 +22,16 @@ body {
 	background-color: #e3e3e3;
 	grid-column: 1;
 	grid-row: 1 / 4;
+
+	display: flex;
+	flex-direction: column;
 }
 
 #buffer-list ul {
 	list-style-type: none;
 	margin: 0;
 	padding: 0;
+	flex: 1 0 auto;
 }
 #buffer-list li a {
 	display: inline-block;
@@ -42,6 +46,14 @@ body {
 #buffer-list li.unread-message a {
 	color: #b37400;
 }
+#buffer-list .actions {
+	flex-shrink: 0;
+	text-align: center;
+}
+#buffer-list .actions a {
+	display: block;
+	padding: 10px;
+}
 
 #buffer-header, #member-list-header {
 	box-sizing: border-box;
@@ -133,11 +145,11 @@ body {
 a {
 	color: green;
 }
-#buffer-list a, a.timestamp, a.nick {
+#buffer-list li a, a.timestamp, a.nick {
 	color: #4a4a4a;
 	text-decoration: none;
 }
-#buffer-list a:hover, #buffer-list a:active,
+#buffer-list li a:hover, #buffer-list li a:active,
 a.timestamp:hover, a.timestamp:active,
 a.nick:hover, a.nick:active {
 	text-decoration: underline;