From ca7d2044000c1f2f9c6b44382cf041d72b4cd15d Mon Sep 17 00:00:00 2001
From: Eduard Kuzmenko <thanwords24@gmail.com>
Date: Mon, 4 Apr 2022 16:37:59 +0300
Subject: [PATCH] Fix blocked users layout

---
 src/components/sidebarLeft/tabs/blockedUsers.ts | 14 +++++++-------
 src/scss/partials/_leftSidebar.scss             |  2 --
 src/scss/style.scss                             |  5 +++++
 3 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/components/sidebarLeft/tabs/blockedUsers.ts b/src/components/sidebarLeft/tabs/blockedUsers.ts
index f419d387..003e668d 100644
--- a/src/components/sidebarLeft/tabs/blockedUsers.ts
+++ b/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({
diff --git a/src/scss/partials/_leftSidebar.scss b/src/scss/partials/_leftSidebar.scss
index 8db7f92d..765af36a 100644
--- a/src/scss/partials/_leftSidebar.scss
+++ b/src/scss/partials/_leftSidebar.scss
@@ -1121,8 +1121,6 @@
   }
 
   ul {
-    margin-top: .3125rem;
-    
     @include respond-to(not-handhelds) {
       padding: 0 .6875rem;
     }
diff --git a/src/scss/style.scss b/src/scss/style.scss
index c67060f0..b154f488 100644
--- a/src/scss/style.scss
+++ b/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 {