Settings: Fix some text overflows (#3369)

src/components/left/settings/Settings.scss

@@ -138,6 +138,7 @@
   &.no-border {
     margin-bottom: 0;
     box-shadow: none;
+    border-bottom: none;
   }
 
   &-header {
@@ -268,6 +269,10 @@
         margin-right: 1rem;
       }
 
+      .contact-info {
+        overflow: hidden;
+      }
+
       .contact-name {
         font-size: 1rem;
         line-height: 1rem;

src/components/left/settings/SettingsPrivacyBlockedUsers.tsx

@@ -121,7 +121,7 @@ const SettingsPrivacyBlockedUsers: FC<OwnProps & StateProps> = ({
 
         <div className="chat-list custom-scroll">
           {blockedIds?.length ? (
-            <div className="scroll-container">
+            <div className="scroll-container settings-item">
               {blockedIds!.map((contactId, i) => renderContact(contactId, i, 0))}
             </div>
           ) : blockedIds && !blockedIds.length ? (

src/components/left/settings/folders/SettingsFolders.scss

@@ -15,6 +15,7 @@
   .ChatInfo {
     display: flex;
     align-items: center;
+    width: 100%;
 
     .Avatar {
       margin-left: -0.25rem;
@@ -38,6 +39,10 @@
       }
     }
 
+    .info {
+      overflow: hidden;
+    }
+
     .status {
       display: none;
     }