renamed liststyle

src/webpage/direct.ts

@@ -153,7 +153,7 @@ class Group extends Channel{
 		const div = document.createElement("div");
 		Group.contextmenu.bindContextmenu(div, this,undefined);
 		this.html = new WeakRef(div);
-		div.classList.add("flexltr","memberinfo");
+		div.classList.add("flexltr","liststyle");
 		const myhtml = document.createElement("span");
 		myhtml.classList.add("ellipsis");
 		myhtml.textContent = this.name;

src/webpage/localuser.ts

@@ -640,7 +640,7 @@ class Localuser{
 				member.bind(username)
 				member.user.bind(memberdiv,member.guild,false);
 				memberdiv.append(pfp,username);
-				memberdiv.classList.add("flexltr","memberinfo");
+				memberdiv.classList.add("flexltr","liststyle");
 				membershtml.append(memberdiv);
 			}
 			category.append(membershtml);

src/webpage/style.css

@@ -667,22 +667,22 @@ span.instanceStatus {
 }
 
 /* Member Info (DM/Member List) */
-.memberinfo {
+.liststyle {
 	padding: 4px 8px;
 	border-radius: 4px;
 	align-items: center;
 	gap: 8px;
 	cursor: pointer;
 }
-.memberinfo .statusDiv {
+.liststyle .statusDiv {
 	right: -1px;
 	bottom: -1px;
 }
-.memberinfo:hover {
+.liststyle:hover {
 	background: var(--channel-hover);
 	color: var(--primary-text-prominent);
 }
-#channels .memberinfo {
+#channels .liststyle {
 	margin: 0 8px;
 }
 
@@ -1273,10 +1273,10 @@ img.bigembedimg {
 	margin: 0 8px 4px 8px;
 	font-size: 1rem;
 }
-.memberList .memberinfo:hover {
+.memberList .liststyle:hover {
 	background: var(--sidebar-hover);
 }
-.memberList.offline .memberinfo {
+.memberList.offline .liststyle {
 	opacity: .5;
 }
 #memberlisttoggle {