Fix centering of modals and a few other styles

Signed-off-by: Alexis Sellier <self@cloudhead.io>

public/index.css

@@ -335,7 +335,7 @@ label.input {
 	background: var(--color-yellow-background);
 }
 
-.centered {
+.off-centered {
 	height: 100%;
 	padding-top: 5rem;
 	padding-bottom: 24vh;

src/Modal.svelte

@@ -97,7 +97,7 @@
   <div class="modal-overlay"></div>
 {/if}
 
-<div class:modal-floating={floating} class:centered={!center}>
+<div class:modal-floating={floating} class:off-centered={!center}>
   <div class="modal" class:error
        class:modal-subtle={subtle}
        class:modal-narrow={narrow}

src/base/orgs/Create.svelte

@@ -141,7 +141,7 @@
     </span>
   </Modal>
 {:else} <!-- Org creation flow -->
-  <Modal floating on:close>
+  <Modal floating on:close center>
     <span slot="title">
       <div>🎪</div>
       <span>Create an Org</span>

src/base/orgs/Index.svelte

@@ -36,8 +36,7 @@
     margin-bottom: 2rem;
   }
   .orgs-empty {
-    margin-left: 2rem;
-    padding: 1rem 0 2rem 0;
+    padding: 2rem 0 1rem 0;
     font-style: italic;
     color: var(--color-foreground-faded);
   }

src/base/orgs/View.svelte

@@ -148,14 +148,14 @@
 </svelte:head>
 
 {#await Org.get(addressOrName, config)}
-  <main class="centered">
+  <main class="off-centered">
     <Loading center />
   </main>
 {:then org}
   {#if org}
     <main>
       {#await org.getProfile(ProfileType.Full, config)}
-        <div class="centered">
+        <div class="off-centered">
           <Loading center />
         </div>
       {:then profile}

src/base/projects/View.svelte

@@ -8,7 +8,7 @@
   import { Org } from '@app/base/orgs/Org';
   import { Profile, ProfileType } from '@app/profile';
   import type { Info } from '@app/project';
-  import { formatOrg, isAddressEqual } from '@app/utils';
+  import { formatOrg } from '@app/utils';
 
   import Browser from './Browser.svelte';
 

src/base/registrations/Index.svelte

@@ -38,7 +38,7 @@
   <title>Radicle: Register</title>
 </svelte:head>
 
-<main class="centered">
+<main class="off-centered">
   <div>
     <div class="input-caption">
       Register a <strong>{config.registrar.domain}</strong> name

src/base/resolver/Query.svelte

@@ -52,7 +52,7 @@
   <title>Radicle: {query}</title>
 </svelte:head>
 
-<main class="centered">
+<main class="off-centered">
   {#if error}
     <Error on:close={() => navigate('/')}>
       Invalid query string “{query}”

src/base/vesting/Index.svelte

@@ -57,7 +57,7 @@
   <title>Radicle &ndash; Vesting</title>
 </svelte:head>
 
-<main class="centered">
+<main class="off-centered">
   <div>
     {#if info}
       <Modal>