revert nicks in some places

src/func.less

@@ -29,3 +29,18 @@
   height:  0    !important;
 }
 
+.horiz-tab(@cols: 2, @offset: 0) {
+  @gap: @div-width * 2;
+  @el-width: calc(unit((100% / @cols), %) - unit((@gap + @offset), px));
+  display: flex;
+  flex-flow: row wrap;
+  column-gap: @gap;
+  row-gap: (@gap / 2);
+  & > * {
+    width: @el-width;
+  }
+
+  div[class^="divider"]:empty {
+    display: none;
+  }
+}

src/hide.less

@@ -18,16 +18,7 @@ div[class^="art-"],
 { &:extend(.hide); }
 
 // Nicks
-[class^="username-"] {
-  li[class^="messageListItem-"]
-   [class*="cozyMessage-"] &,   // inside message
-  :not([class^="headerText-"])
-   > div[class*="nameTag-"] &, // outside message
-  { &:extend(.hide); }
-}
-
 [class^="discrimBase-"],
-div[class^="discordTag-"] [class^="username-"], // friends tab
 div[class^="nameTag-"],
 [class^="usernameInnerRow-"], // at settings
 { &:extend(.hide); }

src/people.less

@@ -20,3 +20,19 @@
     margin-left: 0;
   }
 }
+
+span[class^="username-"] {
+  font-weight: 500;
+}
+
+// friends tab
+div[class^="peopleList-"] > div {
+  @margin: 4px;
+
+  & > *, & > *:hover {
+    border: none;
+    padding: 8px !important;
+    margin: @margin !important;
+  }
+  .horiz-tab(2, @margin * 2);
+}

src/profile.less

@@ -72,6 +72,9 @@ div[class^="pencilContainer-"] {
 
 // Profile card in settings
 div[class^="accountProfileCard-"] {
+  span[class^="username-"]
+  { &:extend(.hide); }
+
   div[class^="field-"]:nth-child(1) {
     height: 0;
     div[class^="constrainedRow-"] {
@@ -110,6 +113,9 @@ header div[class^="nameTagNoCustomStatus-"] {
 div.root-8LYsGj { // I not love fixed classes, but this selects only modal page
   flex-direction: row;
 
+  span[class^="username-"]
+  { &:extend(.hide); }
+
   header {
     width: 260px;
     margin: 24px;

src/settings.less

@@ -62,22 +62,6 @@ div[aria-controls="analytics-tab"],
 div[aria-controls="partner-tab"],
 { &:extend(.hide); }
 
-.horiz-tab(@cols: 2) {
-  @gap: @div-width * 2;
-  @el-width: calc(100% / @cols - @gap);
-  display: flex;
-  flex-flow: row wrap;
-  column-gap: @gap;
-  row-gap: (@gap / 2);
-  & > * {
-    width: @el-width;
-  }
-
-  div[class^="divider"]:empty {
-    display: none;
-  }
-}
-
 #my-account-tab > div {
   .horiz-tab();
   & > div:first-child {