Fix blocked users layout

src/components/sidebarLeft/tabs/blockedUsers.ts

@@ -25,13 +25,13 @@ export default class AppBlockedUsersTab extends SliderSuperTab {
     this.container.classList.add('blocked-users-container');
     this.setTitle('BlockedUsers');
 
-    {
-      const section = new SettingSection({
-        caption: 'BlockedUsersInfo'
-      });
+    const section = new SettingSection({
+      caption: 'BlockedUsersInfo'
+    });
 
-      this.scrollable.append(section.container);
-    }
+    section.caption.parentElement.prepend(section.caption);
+
+    this.scrollable.append(section.container);
 
     const btnAdd = ButtonCorner({icon: 'add', className: 'is-visible'});
     this.content.append(btnAdd);
@@ -49,7 +49,7 @@ export default class AppBlockedUsersTab extends SliderSuperTab {
 
     const list = appDialogsManager.createChatList();
     this.scrollable.container.classList.add('chatlist-container');
-    this.scrollable.append(list);
+    section.content.append(list);
 
     const add = (peerId: PeerId, append: boolean) => {
       const {dom} = appDialogsManager.addDialogNew({

src/scss/partials/_leftSidebar.scss

@@ -1121,8 +1121,6 @@
   }
 
   ul {
-    margin-top: .3125rem;
-    
     @include respond-to(not-handhelds) {
       padding: 0 .6875rem;
     }

src/scss/style.scss

@@ -1427,6 +1427,11 @@ middle-ellipsis-element {
       margin: -0.1875rem 0 1rem;
       font-size: .875rem;
       padding: 0 1.5rem;
+
+      &:first-child {
+        margin-top: .8125rem;
+        margin-bottom: .8125rem;
+      }
     }
 
     &-container {