More settings fixes + clamped long usernames

src/components/common/messaging/MessageBase.tsx

@@ -95,12 +95,20 @@ export default styled.div<BaseMessageProps>`
         gap: 8px;
         display: flex;
         align-items: center;
+        flex-shrink: 0;
     }
 
     .author {
+        overflow: hidden;
         cursor: pointer;
         font-weight: 600 !important;
 
+        display: -webkit-box;
+        -webkit-line-clamp: 1;
+        -webkit-box-orient: vertical;
+        text-overflow: ellipsis;
+        white-space: normal;
+
         &:hover {
             text-decoration: underline;
         }
@@ -184,6 +192,7 @@ export const MessageContent = styled.div`
 `;
 
 export const DetailBase = styled.div`
+    flex-shrink: 0;
     gap: 4px;
     font-size: 10px;
     display: inline-flex;

src/components/navigation/left/ServerListSidebar.tsx

@@ -76,7 +76,8 @@ const ServerList = styled.div`
     flex-grow: 1;
     display: flex;
     overflow-y: scroll;
-    padding-bottom: 48px;
+    padding-bottom: 20px;
+    width: 58px;
     flex-direction: column;
 
     scrollbar-width: none;

src/styles/_elements.scss

@@ -16,6 +16,10 @@
     background: var(--scrollbar-thumb);
 }
 
+::-webkit-scrollbar-corner {
+    background: transparent;
+}
+
 ::selection {
     background: var(--accent);
     color: var(--foreground);