Have some padding bottom for chatlists

Author: H7GhosT

src/components/deferredSortedVirtualList.tsx

@@ -235,6 +235,7 @@ export const createDeferredSortedVirtualList = <T, >(args: CreateDeferredSortedV
     }}
     scrollableHost={scrollable}
     thresholdPadding={72 * 4}
+    extraPaddingBottom={8} // 0.5rem
   />;
 
   return {

src/components/verticalVirtualList.tsx

@@ -24,6 +24,7 @@ const VerticalVirtualList: Component<{
   thresholdPadding: number;
 
   forceHostHeight?: boolean;
+  extraPaddingBottom?: number;
 }> = (props) => {
   const totalCount = createMemo(() => props.list.length);
 
@@ -82,7 +83,9 @@ const VerticalVirtualList: Component<{
     );
   };
 
-  const height = createMemo(() => props.forceHostHeight ? hostSize.height : totalCount() * props.itemHeight);
+  const computedItemsHeight = () => totalCount() * props.itemHeight + Number(!!totalCount()) * (props.extraPaddingBottom || 0);
+
+  const height = createMemo(() => props.forceHostHeight ? hostSize.height : computedItemsHeight());
 
   return (
     <ul

src/scss/partials/_chatlist.scss

@@ -430,7 +430,7 @@ ul.chatlist {
     &.with-contacts {
       .chatlist-top:not(.with-placeholder) {
         height: auto;
-        padding-bottom: .5rem;
+        // padding-bottom: .5rem;
       }
 
       .chatlist-top.with-placeholder {