Merge pull request #686 from appwrite/fix-small-design-issues-post-billing

fix: ul wrapping li, centering stuff

src/lib/components/fakeModal.svelte

@@ -67,11 +67,11 @@
         on:click={handleBLur}
         bind:this={backdrop}>
         <div
-            class="modal payment-modal"
+            class="modal"
             class:is-small={size === 'small'}
             class:is-big={size === 'big'}
             class:is-separate-header={headerDivider}>
-            <Form isModal {onSubmit} class="payment-form">
+            <Form isModal {onSubmit}>
                 <header class="modal-header">
                     <div class="u-flex u-main-space-between u-cross-center u-gap-16">
                         <div class="u-flex u-cross-center u-gap-16">
@@ -151,14 +151,4 @@
             background-color: hsl(240 5% 8% / 0.6);
         }
     }
-
-    .payment-modal {
-        height: 100%;
-        overflow: hidden;
-    }
-
-    .payment-form {
-        height: 100%;
-        overflow: auto;
-    }
 </style>

src/lib/wizards/functions/components/repositories.svelte

@@ -87,13 +87,13 @@
                     ]}
                     value={null} />
             </div>
-            <div class="u-width-full-line">
+            <ul class="u-width-full-line">
                 <InputSearch placeholder="Search repositories" disabled />
-            </div>
+            </ul>
         </div>
     {:then installations}
         <div class="u-flex u-gap-16">
-            <div class="u-width-full-line">
+            <ul class="u-width-full-line">
                 <InputSelect
                     id="installation"
                     label="Select installation"
@@ -111,10 +111,10 @@
                         );
                     }}
                     bind:value={selectedInstallation} />
-            </div>
-            <div class="u-width-full-line">
+            </ul>
+            <ul class="u-width-full-line">
                 <InputSearch placeholder="Search repositories" bind:value={search} />
-            </div>
+            </ul>
         </div>
     {/await}
     <p class="text u-margin-block-start-16">

src/routes/console/organization-[organization]/+page.svelte

@@ -200,7 +200,7 @@
                             <svelte:fragment slot="icons">
                                 {#if isCloud && regions}
                                     {@const region = findRegion(project)}
-                                    <span class="u-color-text-gray">
+                                    <span class="u-color-text-gray u-medium u-line-height-2">
                                         {region?.name}
                                     </span>
                                 {/if}