From 6205f4009627283ea1c0573dc4fe0b1726bb2fae Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Mon, 27 Jun 2022 15:50:07 +0200
Subject: [PATCH 1/3] chore: bump css to 0.0.0-19

---
 package-lock.json | 28 ++++++++++++++--------------
 package.json      |  4 ++--
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 380dc03d8..3ef76ca98 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,8 +8,8 @@
             "name": "@appwrite/console",
             "version": "0.0.1",
             "dependencies": {
-                "@aw-labs/icons": "^0.0.0-18",
-                "@aw-labs/ui": "^0.0.0-18",
+                "@aw-labs/icons": "^0.0.0-19",
+                "@aw-labs/ui": "^0.0.0-19",
                 "echarts": "^5.3.3"
             },
             "devDependencies": {
@@ -58,14 +58,14 @@
             }
         },
         "node_modules/@aw-labs/icons": {
-            "version": "0.0.0-18",
-            "resolved": "https://registry.npmjs.org/@aw-labs/icons/-/icons-0.0.0-18.tgz",
-            "integrity": "sha512-ntYgMLihYcSMkpS5NrGokOpr8uP3ELQRktKCZRg0nDqRqPs2U7Z+6c2N895S/lU6P4D4G5TDCagb1d84T2Qt7Q=="
+            "version": "0.0.0-19",
+            "resolved": "https://registry.npmjs.org/@aw-labs/icons/-/icons-0.0.0-19.tgz",
+            "integrity": "sha512-VYgWrySm9EHv060p8VPsq0y+OqnxbTHhDk+/PmtElLNFUOZdgQbzm+7qRWGZXSwzMG60kKpdlLgixeY9r73htQ=="
         },
         "node_modules/@aw-labs/ui": {
-            "version": "0.0.0-18",
-            "resolved": "https://registry.npmjs.org/@aw-labs/ui/-/ui-0.0.0-18.tgz",
-            "integrity": "sha512-T0eYjtZGJuHXUl8ocJ0+07hNbF6+9iMR9e7ObqIoyLkfk+hvY3cUJIWfH1otYArjPLICkaiuWQ+y/pb/eKUL1w==",
+            "version": "0.0.0-19",
+            "resolved": "https://registry.npmjs.org/@aw-labs/ui/-/ui-0.0.0-19.tgz",
+            "integrity": "sha512-wN57fsBtxYSNaeOOhfeNysxOY+EARyk6qahuOpj+ImmpXvzYNVJmrwopXngl2io6DIcPxHKF7LZJNT3tg7OUhw==",
             "dependencies": {
                 "@aw-labs/icons": "*"
             }
@@ -7807,14 +7807,14 @@
             }
         },
         "@aw-labs/icons": {
-            "version": "0.0.0-18",
-            "resolved": "https://registry.npmjs.org/@aw-labs/icons/-/icons-0.0.0-18.tgz",
-            "integrity": "sha512-ntYgMLihYcSMkpS5NrGokOpr8uP3ELQRktKCZRg0nDqRqPs2U7Z+6c2N895S/lU6P4D4G5TDCagb1d84T2Qt7Q=="
+            "version": "0.0.0-19",
+            "resolved": "https://registry.npmjs.org/@aw-labs/icons/-/icons-0.0.0-19.tgz",
+            "integrity": "sha512-VYgWrySm9EHv060p8VPsq0y+OqnxbTHhDk+/PmtElLNFUOZdgQbzm+7qRWGZXSwzMG60kKpdlLgixeY9r73htQ=="
         },
         "@aw-labs/ui": {
-            "version": "0.0.0-18",
-            "resolved": "https://registry.npmjs.org/@aw-labs/ui/-/ui-0.0.0-18.tgz",
-            "integrity": "sha512-T0eYjtZGJuHXUl8ocJ0+07hNbF6+9iMR9e7ObqIoyLkfk+hvY3cUJIWfH1otYArjPLICkaiuWQ+y/pb/eKUL1w==",
+            "version": "0.0.0-19",
+            "resolved": "https://registry.npmjs.org/@aw-labs/ui/-/ui-0.0.0-19.tgz",
+            "integrity": "sha512-wN57fsBtxYSNaeOOhfeNysxOY+EARyk6qahuOpj+ImmpXvzYNVJmrwopXngl2io6DIcPxHKF7LZJNT3tg7OUhw==",
             "requires": {
                 "@aw-labs/icons": "*"
             }
diff --git a/package.json b/package.json
index 1707a5f7d..0ba72aa45 100644
--- a/package.json
+++ b/package.json
@@ -19,8 +19,8 @@
         "e2e": "playwright test tests/e2e"
     },
     "dependencies": {
-        "@aw-labs/icons": "^0.0.0-18",
-        "@aw-labs/ui": "^0.0.0-18",
+        "@aw-labs/icons": "^0.0.0-19",
+        "@aw-labs/ui": "^0.0.0-19",
         "echarts": "^5.3.3"
     },
     "devDependencies": {

From 107bf5be527f08e729a857318e50540535660a57 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Mon, 27 Jun 2022 15:53:48 +0200
Subject: [PATCH 2/3] feat: fix alignment of back link and copy button

---
 src/lib/layout/shell.svelte | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/lib/layout/shell.svelte b/src/lib/layout/shell.svelte
index ffa7f5579..29a5e902f 100644
--- a/src/lib/layout/shell.svelte
+++ b/src/lib/layout/shell.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
     import { navigating, page } from '$app/stores';
-    import { Back } from '$lib/components';
     import { tabs, title, backButton, copyData } from '$lib/stores/layout';
     import { fade } from 'svelte/transition';
     import { Cover } from '.';
@@ -89,16 +88,20 @@
         <Cover>
             <svelte:fragment slot="title">
                 {#if $backButton}
-                    <Back href={$backButton} />
-                    {$title}
+                    <a class="back-button" href={$backButton} aria-label="page back">
+                        <span class="icon-cheveron-left" aria-hidden="true" />
+                    </a>
+                    <span class="text"> {$title}</span>
                 {:else}
-                    {$title}
+                    <span class="text"> {$title}</span>
                 {/if}
             </svelte:fragment>
             {#if $copyData?.value}
-                <Pill button on:click={() => copy($copyData.value)}
-                    ><i class="icon-duplicate" />{$copyData.text}
-                </Pill>
+                <div class="top-cover-option">
+                    <Pill button on:click={() => copy($copyData.value)}
+                        ><i class="icon-duplicate" />{$copyData.text}
+                    </Pill>
+                </div>
             {/if}
             {#if $tabs.length}
                 <div class="tabs">

From 6e5fd05ef4e8547fda4208da749bb996be317f64 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Mon, 27 Jun 2022 16:16:41 +0200
Subject: [PATCH 3/3] fix: html & css for preferences

---
 .../[project]/users/user/[user]/index.svelte  | 56 +++++++++++++++----
 1 file changed, 44 insertions(+), 12 deletions(-)

diff --git a/src/routes/console/[project]/users/user/[user]/index.svelte b/src/routes/console/[project]/users/user/[user]/index.svelte
index bafcdb6c5..58531c5c8 100644
--- a/src/routes/console/[project]/users/user/[user]/index.svelte
+++ b/src/routes/console/[project]/users/user/[user]/index.svelte
@@ -292,8 +292,28 @@
                         {#if prefs}
                             {#each prefs as [key, value]}
                                 <li class="form-item is-multiple">
-                                    <InputText id={`key-${key}`} label="Key" bind:value={key} />
-                                    <InputText id={`value-${value}`} label="Value" bind:value />
+                                    <div class="form-item-part u-stretch">
+                                        <label class="label" for={`value-${key}`}>Key</label>
+                                        <div class="input-text-wrapper">
+                                            <input
+                                                id={`value-${key}`}
+                                                placeholder=""
+                                                type="text"
+                                                class="input-text"
+                                                bind:value={key} />
+                                        </div>
+                                    </div>
+                                    <div class="form-item-part u-stretch">
+                                        <label class="label" for={`value-${value}`}>Value</label>
+                                        <div class="input-text-wrapper">
+                                            <input
+                                                id={`value-${value}`}
+                                                placeholder=""
+                                                type="text"
+                                                class="input-text"
+                                                bind:value />
+                                        </div>
+                                    </div>
                                     <div class="form-item-part u-cross-child-end">
                                         <Button text on:click={() => deletePref(key)}>
                                             <span class="icon-x" aria-hidden="true" />
@@ -303,16 +323,28 @@
                             {/each}
                             {#if prefs.length === 0 || newPref}
                                 <li class="form-item is-multiple">
-                                    <InputText
-                                        id="key"
-                                        label="Key"
-                                        placeholder="Enter Key"
-                                        bind:value={newKey} />
-                                    <InputText
-                                        id="value"
-                                        label="Value"
-                                        placeholder="Enter Value"
-                                        bind:value={newValue} />
+                                    <div class="form-item-part u-stretch">
+                                        <label class="label" for={`value-${newKey}`}>Key</label>
+                                        <div class="input-text-wrapper">
+                                            <input
+                                                id={`value-${newKey}`}
+                                                placeholder="Enter Key"
+                                                type="text"
+                                                class="input-text"
+                                                bind:value={newKey} />
+                                        </div>
+                                    </div>
+                                    <div class="form-item-part u-stretch">
+                                        <label class="label" for={`value-${newValue}`}>Value</label>
+                                        <div class="input-text-wrapper">
+                                            <input
+                                                id={`value-${newValue}`}
+                                                placeholder="Enter Value"
+                                                type="text"
+                                                class="input-text"
+                                                bind:value={newValue} />
+                                        </div>
+                                    </div>
                                     <div class="form-item-part u-cross-child-end">
                                         <Button
                                             text