bd improvements

src/bd.less

@@ -3,6 +3,39 @@
 div[class^="bd-"]
 { &:extend(.round); }
 
+button.bd-addon-button {
+  margin: 4px;
+}
+
+div.floating-window {
+  &:extend(.round);
+  box-shadow: none;
+  padding: 0 !important;
+  max-width:  100% !important;
+  max-height: 100% !important;
+  min-width:  256px !important;
+  min-height: 32px !important;
+}
+
+div.floating-window-buttons .button {
+  & > svg {
+    padding: 2px;
+    border-radius: 50%;
+  }
+  &:hover {
+    background-color: unset;
+    color: var(--background-tertiary);
+  }
+
+  &.maximize-button:hover > svg {
+    background-color: #3ba55d;
+  }
+
+  &.close-button:hover > svg {
+    background-color: #ed4245;
+  }
+}
+
 div.bd-search-wrapper,
 div.bd-changelog-button {
   align-self: center;

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

@@ -48,6 +48,10 @@ div[class^="accountProfileCard-"] div[class^="userInfo-"] {
       align-items: center;
     }
 
+    svg[class^="warningCircleIcon-"] {
+      position: fixed;
+    }
+
     div[class^="profileBadges-"] {
       position: static;
       justify-content: center;
@@ -68,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-"] {
@@ -106,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;
@@ -134,10 +144,13 @@ div.root-8LYsGj { // I not love fixed classes, but this selects only modal page
   }
   div[class^="body-"] {
     border: none;
-    margin-left: 16px;
+    margin: 0 16px;
+    width: 100%;
     height: 370px;
-    & > *
-    { padding: 0 !important; }
+    & > * {
+      padding: 0;
+      margin: 0;
+    }
   }
   div[class^="tabBarContainer"]
   { border: none; }

src/settings.less

@@ -22,11 +22,12 @@ div[class^="standardSidebarView-"] {
       scrollbar-width: thin;
       overflow: auto hidden !important;
       justify-content: left;
+      width: max-content;
       max-width: 100%;
 
       & > nav {
         padding: 0;
-        width: unset; // to increase size
+        width: max-content; // to increase size
         background: var(--background-secondary); // bugfix
         & > div {
           padding-left: @rounder;
@@ -61,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 {

src/ui.less

@@ -63,8 +63,9 @@ div[class^="radioBar-"] {
 
 div[class^="card-"],
 div.bd-server-card {
-  & > div[class*="header"],
-  & > div[class*="Header"] {
+  .bd-server-header,
+  & > div[class^="header-"],
+  & > div[class^="cardHeader"] {
     position: absolute;
     top: 0; left: 0;
     width: 100%; height: 100%;