Blocked users layout

src/components/sidebarLeft/tabs/blockedUsers.ts

@@ -55,6 +55,9 @@ export default class AppBlockedUsersTab extends SliderSuperTab {
 
       const user = appUsersManager.getUser(peerId);
       dom.lastMessageSpan.innerHTML = user.pFlags.bot ? ('@' + user.username) : user.rPhone || (user.username ? '@' + user.username : appUsersManager.getUserStatusString(peerId));
+
+      //dom.titleSpan.innerHTML = 'Raaid El Syed';
+      //dom.lastMessageSpan.innerHTML = '+1 234 567891';
     };
 
     for(const peerId of this.peerIds) {

src/scss/partials/_chatlist.scss

@@ -51,33 +51,6 @@
         }
       }
     }
-  }
-
-  li > .rp {
-    height: 72px;
-    max-height: 72px;
-    border-radius: $border-radius-medium;
-    display: flex;
-    align-items: flex-start; // TODO: проверить разницу в производительности с align-items: center;
-    flex-direction: row;
-    position: relative;
-    cursor: pointer;
-    padding: 9px 8.5px;
-    margin: 0 8px;
-    overflow: hidden;
-
-    /* html.is-safari & {
-      margin-right: 3px;
-    } */
-
-    @include respond-to(handhelds) {
-      padding: 9px 12px 9px 9px !important;
-      border-radius: 0;
-      margin: 0;
-      overflow: hidden;
-    }
-
-    @include hover-background-effect();
 
     span {
       display: inline-block;
@@ -116,6 +89,33 @@
     } */
   }
 
+  li > .rp {
+    height: 72px;
+    max-height: 72px;
+    border-radius: $border-radius-medium;
+    display: flex;
+    align-items: flex-start; // TODO: проверить разницу в производительности с align-items: center;
+    flex-direction: row;
+    position: relative;
+    cursor: pointer;
+    padding: 9px 8.5px;
+    margin: 0 8px;
+    overflow: hidden;
+
+    /* html.is-safari & {
+      margin-right: 3px;
+    } */
+
+    @include respond-to(handhelds) {
+      padding: 9px 12px 9px 9px !important;
+      border-radius: 0;
+      margin: 0;
+      overflow: hidden;
+    }
+
+    @include hover-background-effect();
+  }
+
   li.menu-open {
     > .rp {
       background: var(--color-gray-hover);
@@ -139,6 +139,8 @@
     }
     
     &-subtitle {
+      margin-top: -3px;
+
       &-badge {
         &:not(:empty), &.tgico-pinnedchat {
           margin-left: .5rem;
@@ -159,10 +161,6 @@
     flex: 1 1 auto;
     //padding: 1px 3.5px 1px 9px; - DO MAKETA JS3
     padding: 1px 8.5px 1px 9px; // JS3
-
-    p:last-child {
-      margin-top: -3px;
-    }
   }
 
   .user-title {

src/scss/partials/_leftSidebar.scss

@@ -1038,6 +1038,20 @@
   .sidebar-left-section-caption {
     font-size: 1rem;
   }
+
+  li > .rp {
+    height: 66px;
+    max-height: 66px;
+  }
+
+  .user-caption {
+    padding-left: .75rem;
+  }
+
+  .dialog-subtitle {
+    margin-top: -.375rem;
+    font-size: .875rem;
+  }
 }
 
 .notifications-container {