From 1bd2c6d23f9823e1f7705ce27243c3fb7b4f9831 Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Tue, 12 Oct 2021 16:09:47 +0200
Subject: [PATCH] Fix centering of modals and a few other styles

Signed-off-by: Alexis Sellier <self@cloudhead.io>
---
 public/index.css                    | 2 +-
 src/Modal.svelte                    | 2 +-
 src/base/orgs/Create.svelte         | 2 +-
 src/base/orgs/Index.svelte          | 3 +--
 src/base/orgs/View.svelte           | 4 ++--
 src/base/projects/View.svelte       | 2 +-
 src/base/registrations/Index.svelte | 2 +-
 src/base/resolver/Query.svelte      | 2 +-
 src/base/vesting/Index.svelte       | 2 +-
 9 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/public/index.css b/public/index.css
index 30a72881d..759f0a260 100644
--- a/public/index.css
+++ b/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;
diff --git a/src/Modal.svelte b/src/Modal.svelte
index 051712594..82d41f73b 100644
--- a/src/Modal.svelte
+++ b/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}
diff --git a/src/base/orgs/Create.svelte b/src/base/orgs/Create.svelte
index e977ee961..cb2a29582 100644
--- a/src/base/orgs/Create.svelte
+++ b/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>
diff --git a/src/base/orgs/Index.svelte b/src/base/orgs/Index.svelte
index f71d5897c..20c551d4c 100644
--- a/src/base/orgs/Index.svelte
+++ b/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);
   }
diff --git a/src/base/orgs/View.svelte b/src/base/orgs/View.svelte
index 7b5464a47..09b7a8fb5 100644
--- a/src/base/orgs/View.svelte
+++ b/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}
diff --git a/src/base/projects/View.svelte b/src/base/projects/View.svelte
index 298f48f67..1b0946eb7 100644
--- a/src/base/projects/View.svelte
+++ b/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';
 
diff --git a/src/base/registrations/Index.svelte b/src/base/registrations/Index.svelte
index be9197990..4a7877b5c 100644
--- a/src/base/registrations/Index.svelte
+++ b/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
diff --git a/src/base/resolver/Query.svelte b/src/base/resolver/Query.svelte
index 93a92c398..6b29ee8b3 100644
--- a/src/base/resolver/Query.svelte
+++ b/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}”
diff --git a/src/base/vesting/Index.svelte b/src/base/vesting/Index.svelte
index 2209df644..18516d863 100644
--- a/src/base/vesting/Index.svelte
+++ b/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>