fix(settings): more settings fixes pt. 2

src/components/common/messaging/bars/JumpToBottom.tsx

@@ -25,7 +25,7 @@ export const Bar = styled.div<{ position: "top" | "bottom"; accent?: boolean }>`
         display: flex;
         align-items: center;
         cursor: pointer;
-        font-size: 13px;
+        font-size: 12px;
         padding: 0 8px;
         user-select: none;
         justify-content: space-between;
@@ -89,7 +89,7 @@ export default observer(({ channel }: { channel: Channel }) => {
                 </div>
                 <div>
                     <Text id="app.main.channel.misc.jump_present" />{" "}
-                    <DownArrowAlt size={20} />
+                    <DownArrowAlt size={18} />
                 </div>
             </div>
         </Bar>

src/components/settings/appearance/EmojiSelector.tsx

@@ -56,7 +56,7 @@ const Container = styled.div`
     }
 
     h4 {
-        text-transform: unset;
+        text-transform: unset !important;
 
         a {
             opacity: 0.7;

src/pages/settings/panes/Panes.module.scss

@@ -131,12 +131,11 @@
         display: grid;
         place-items: center;
         grid-template-columns: minmax(auto, 100%);
-        padding: 20px;
-        margin-bottom: 30px;
 
         > div {
             width: 100%;
             max-width: 560px;
+            transform: scale(0.9);
         }
     }
 
@@ -369,6 +368,7 @@
         display: flex;
         margin: 10px 0;
         flex-direction: column;
+        overflow: hidden;
         border-radius: var(--border-radius);
         background: var(--secondary-header);
 
@@ -452,7 +452,7 @@
         .session {
             align-items: unset;
             flex-direction: column;
-            gap: 20px;
+            gap: 16px;
 
             > button {
                 width: 100%;

src/pages/settings/panes/Sessions.tsx

@@ -208,31 +208,7 @@ export function Sessions() {
                     </div>
                 );
             })}
-            {/*<Button
-                error
-                onClick={async () => {
-                    // ! FIXME: add to rAuth
-                    const del: string[] = [];
-                    render.forEach((session) => {
-                        if (deviceId !== session._id) {
-                            del.push(session._id);
-                        }
-                    });
-
-                    setDelete(del);
-
-                    for (const id of del) {
-                        await client.req(
-                            "DELETE",
-                            `/auth/session/${id}` as "/auth/session/id",
-                        );
-                    }
-
-                    setSessions(sessions.filter((x) => x._id === deviceId));
-                }}>
-                <Text id="app.settings.pages.sessions.logout" />
-            </Button>*/}
-
+            <hr />
             <CategoryButton
                 onClick={async () => {
                     // ! FIXME: add to rAuth