From 96975c149b14e5b56498ef97cf9fbb7cabc28038 Mon Sep 17 00:00:00 2001
From: hippoz <10706925-hippoz@users.noreply.gitlab.com>
Date: Fri, 6 May 2022 03:10:14 +0300
Subject: [PATCH] frontend: improve settings page

---
 frontend/src/components/overlays/Settings.svelte | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/overlays/Settings.svelte b/frontend/src/components/overlays/Settings.svelte
index 8cf8b49..5b9a905 100644
--- a/frontend/src/components/overlays/Settings.svelte
+++ b/frontend/src/components/overlays/Settings.svelte
@@ -22,17 +22,19 @@ import { maybeFade, maybeFly } from "../../animations";
         width: 100%;
     }
 
+    /*
     .separator {
         margin-bottom: var(--space-md);
     }
+    */
 
     .user-account-card {
         display: flex;
         align-items: center;
         justify-content: left;
         padding: var(--space-md);
-        border-radius: var(--radius-md);
-        border: solid 1px var(--background-color-3);
+        border-radius: var(--radius-norm);
+        background-color: var(--background-color-1);
     }
     
     .large-settings {
@@ -47,10 +49,7 @@ import { maybeFade, maybeFly } from "../../animations";
 
 <div class="modal-backdrop" transition:maybeFade="{{ duration: 300, easing: quintInOut }}" on:click="{ close }">
     <div class="modal" class:large-settings="{ !$smallViewport }" transition:maybeFly="{{ duration: 300, easing: quintInOut, y: 10 }}" on:click|stopPropagation>
-        <span class="h4">Account</span>
-
-        <div class="separator" />
-
+        <span class="input-label">Account</span>
         <div class="user-account-card full-width">
             <AtSignIcon />
             <span class="h5 top-bar-heading">{ $userInfoStore ? $userInfoStore.username : "" }</span>