Styled login window

app/routes/admin/indexes/item.js

@@ -2,6 +2,6 @@ import Route from '@ember/routing/route';
 
 export default class AdminIndexesItemRoute extends Route {
   model({ uid }) {
-    return this.modelFor('admin').indexes.find((item) => item.uid === uid);
+    return this.modelFor('admin').find((item) => item.uid === uid);
   }
 }

app/templates/admin.hbs

@@ -2,7 +2,6 @@
   <div class='flex flex-col w-64 min-h-screen px-4 py-8 border-r'>
     <h2 class='mb-8'>
       <LinkTo @route='admin' class='flex items-center justify-center text-xl'>
-        <img src='/logo.svg' alt='MeiliSearch' class='w-8 h-8 mr-2' />
         MeiliAdmin
       </LinkTo>
     </h2>

app/templates/login.hbs

@@ -2,7 +2,7 @@
 
 <div class='min-h-screen flex flex-col justify-center py-12 sm:px-6 lg:px-8'>
   <div class='sm:mx-auto sm:w-full sm:max-w-md'>
-    <div class='bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10 mb-4'>
+    <div class='bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10 mb-6'>
       <form class='space-y-6' {{on 'submit' this.authenticate}}>
         <h1 class='text-2xl text-center'>MeiliAdmin</h1>
 
@@ -35,20 +35,23 @@
       </form>
     </div>
 
-    <p class='text-center mb-4'>
+    <div class='flex items-center justify-around px-10'>
       <a
         href='https://www.meilisearch.com/'
         title='Website Meilisearch'
-      >Meilisearch</a>
-      — an open-source, lightning-fast, and hyper-relevant search engine that
-      fits effortlessly into your apps, websites, and workflow.
-    </p>
-    <p class='flex items-center justify-center'>
-      <Icons::Github @size='20' class='mr-1' />
+        class='flex items-center'
+      >
+        <img src='/logo.svg' alt='MeiliSearch' class='w-5 h-5 mr-1' />
+        MeiliSearch
+      </a>
       <a
         href='https://github.com/kaermorchen/meiliadmin'
         title='MeiliAdmin on GitHub'
-      >MeiliAdmin</a>
-    </p>
+        class='flex items-center'
+      >
+        <Icons::Github @size='20' class='mr-1' />
+        MeiliAdmin
+      </a>
+    </div>
   </div>
 </div>