Clean up the CSS style custom bulma rules

public/style.css

@@ -15,10 +15,6 @@ em {
   justify-content: center;
 }
 
-.level-left {
-  margin-right: 50px;
-}
-
 .document {
   padding: 20px 20px;
   background-color: #f5f5f5;

src/bin/serve.rs

@@ -54,16 +54,11 @@ async fn main() -> anyhow::Result<()> {
 
     let index = Index::new(&env)?;
 
-    // Retrieve the database the file stem (w/o the extension)
+    // Retrieve the database the file stem (w/o the extension),
+    // the disk file size and the number of documents in the database.
     let db_name = opt.database.file_stem().and_then(|s| s.to_str()).unwrap_or("").to_string();
-
-    // Retrieve the disk file size
     let db_size = File::open(opt.database.join("data.mdb"))?.metadata()?.len() as usize;
-
+    let docs_count = env.read_txn().and_then(|r| index.documents.len(&r))?;
-    // Precompute the number of documents in the database.
-    let rtxn = env.read_txn().unwrap();
-    let docs_count = index.documents.len(&rtxn)?;
-    drop(rtxn);
 
     // We run and wait on the HTTP server
 

templates/index.html

@@ -21,7 +21,7 @@
         <nav class="level">
           <div class="level-item has-text-centered">
             <div>
-              <p class="heading">Database Path</p>
+              <p class="heading">Database Name</p>
               <p class="title">{{ db_name }}</p>
             </div>
           </div>
@@ -53,6 +53,7 @@
               <input id="search" class="input" type="text" autofocus placeholder="e.g. George Clooney">
             </div>
           </div>
+          <div class="level-item"></div>
         </div>
 
         <!-- Right side -->