From 8cb49ae56aa24dc836a43830fae36d4518ff908c Mon Sep 17 00:00:00 2001
From: Richard Lewis <richrd.lewis@gmail.com>
Date: Thu, 19 Dec 2019 12:55:36 +0000
Subject: [PATCH] Relocate not-secure and not-connected classes.

---
 client/components/ChannelWrapper.vue |  2 ++
 client/components/NetworkList.vue    |  2 --
 client/css/style.css                 | 12 ++++++------
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/client/components/ChannelWrapper.vue b/client/components/ChannelWrapper.vue
index ac56744f..7d429d73 100644
--- a/client/components/ChannelWrapper.vue
+++ b/client/components/ChannelWrapper.vue
@@ -8,6 +8,8 @@
 			{active: activeChannel && channel === activeChannel.channel},
 			{'parted-channel': channel.type === 'channel' && channel.state === 0},
 			{'has-draft': channel.pendingMessage},
+			{'not-secure': network.status.connected && !network.status.secure},
+			{'not-connected': !network.status.connected},
 		]"
 		:aria-label="getAriaLabel()"
 		:title="getAriaLabel()"
diff --git a/client/components/NetworkList.vue b/client/components/NetworkList.vue
index 4995599b..f1817832 100644
--- a/client/components/NetworkList.vue
+++ b/client/components/NetworkList.vue
@@ -23,8 +23,6 @@
 			:key="network.uuid"
 			:class="{
 				collapsed: network.isCollapsed,
-				'not-connected': !network.status.connected,
-				'not-secure': !network.status.secure,
 			}"
 			class="network"
 			role="region"
diff --git a/client/css/style.css b/client/css/style.css
index e10f2023..56f3431b 100644
--- a/client/css/style.css
+++ b/client/css/style.css
@@ -729,22 +729,22 @@ background on hover (unless active) */
 	margin: 0 8px;
 }
 
-.network.not-secure .channel-list-item[data-type="lobby"] {
+.channel-list-item.not-secure[data-type="lobby"] {
 	color: #f39c12;
 }
 
-.network.not-secure .channel-list-item[data-type="lobby"]:hover,
-.network.not-secure .channel-list-item[data-type="lobby"].active {
+.channel-list-item.not-secure[data-type="lobby"]:hover,
+.channel-list-item.not-secure[data-type="lobby"].active {
 	color: #f8c572;
 }
 
-.network.not-connected .channel-list-item[data-type="lobby"],
+.channel-list-item.not-connected[data-type="lobby"],
 .channel-list-item.parted-channel {
 	color: #e74c3c;
 }
 
-.network.not-connected .channel-list-item[data-type="lobby"]:hover,
-.network.not-connected .channel-list-item[data-type="lobby"].active,
+.channel-list-item.not-connected[data-type="lobby"]:hover,
+.channel-list-item.not-connected[data-type="lobby"].active,
 .channel-list-item.parted-channel:hover,
 .channel-list-item.parted-channel.active {
 	color: #f1978e;