3 files changed, 12 insertions, 8 deletions
diff --git a/src/frontend/pages/mod.rs b/src/frontend/pages/mod.rs
index 6e7bd87..6145886 100644
--- a/src/frontend/pages/mod.rs
+++ b/src/frontend/pages/mod.rs
@@ -1,5 +1,3 @@
-use std::{error::Error, fmt::Display};
-
 use actix_web::{
     body::BoxBody,
     http::{
@@ -8,6 +6,7 @@ use actix_web::{
     },
     HttpResponseBuilder, Responder,
 };
+use std::fmt::Display;
 
 pub mod home;
 pub mod layout;
diff --git a/src/frontend/pages/node.rs b/src/frontend/pages/node.rs
index c3f7791..b956d3e 100644
--- a/src/frontend/pages/node.rs
+++ b/src/frontend/pages/node.rs
@@ -1,6 +1,6 @@
 use super::layout::Layout;
 use crate::{
-    frontend::pages::{HtmlTemplate, MyError, MyResult},
+    frontend::pages::MyResult,
     library::{LibDirectory, LibItem, LibNode},
     AppState,
 };
@@ -20,10 +20,7 @@ pub async fn page_library_node(
     let mut out = String::new();
     match node.deref() {
         LibNode::Directory(dir) => Layout {
-            title: format!(
-                "{} - Library",
-                dir.path.file_name().unwrap().to_str().unwrap()
-            ),
+            title: format!("{} - Library", node.title()),
             main: Directory { dir: dir.clone() },
         }
         .render(&mut out)?,
@@ -39,6 +36,13 @@ pub async fn page_library_node(
 markup::define! {
     Directory(dir: Arc<LibDirectory>) {
         h1 { @dir.data.name }
+        ul.directorylisting {
+            @for el in &dir.child_nodes().unwrap() {
+                li {
+                    span.title { @el.title() }
+                }
+            }
+        }
     }
     Item(item: Arc<LibItem>) {
         h1 { "thats an item" }
diff --git a/src/frontend/style/layout.css b/src/frontend/style/layout.css
index d6196b0..dd05e9a 100644
--- a/src/frontend/style/layout.css
+++ b/src/frontend/style/layout.css
@@ -10,6 +10,7 @@
 
 body {
     background-color: #1a1a1a;
+    width: 100vw;
 }
 
 nav {
@@ -17,7 +18,7 @@ nav {
     top: 0px;
     left: 0px;
     padding: 1em;
-    width: 100vw;
+    width: calc(100vw - 2em);
     height: 2em;
     background-color: #41414144;
 }