1 files changed, 38 insertions, 34 deletions
diff --git a/src/main/scala/reading/component/index/BookDetail.scala b/src/main/scala/reading/component/index/BookDetail.scala
index ed91211..24f48b3 100644
--- a/src/main/scala/reading/component/index/BookDetail.scala
+++ b/src/main/scala/reading/component/index/BookDetail.scala
@@ -21,48 +21,52 @@ object BookDetail {
 
     div(
       BookStyle.render,
-      BookStyle.detail,
+      BookStyle.detailParent,
       id := componentId,
 
-      img(
-        BookStyle.cover,
-        src := s"cover/${book.title}.jpg",
-        alt := s"${book.title}, ${book.author}"
-      ),
-
       div(
-        BookStyle.presentation,
-        div(BookStyle.title, s"${book.title}$titleParts"),
-        div(BookStyle.author, book.author),
+        BookStyle.detail,
 
-        book.resume match {
-          case Some(resume) =>
-            p(BookStyle.resume, raw(resume))
-          case _ =>
-            span("")
-        },
+        img(
+          BookStyle.cover,
+          src := s"cover/${book.title}.jpg",
+          alt := s"${book.title}, ${book.author}"
+        ),
 
-        dl(
-          BookStyle.definitions,
+        div(
+          BookStyle.presentation,
+          div(BookStyle.title, s"${book.title}$titleParts"),
+          div(BookStyle.author, book.author),
 
-          grades.map { grade =>
-            val programs = book.programs.filter(p => Program.grade(p) == grade).sorted
-            val pp = grade.prettyPrint
-            definition(pp, pp, programs.map(p => s"« ${p.prettyPrint} »"))
-          },
-          if (book.themes.nonEmpty) {
-            definition("thème", "thèmes", book.themes.sorted.map(_.prettyPrint))
-          },
-          if (book.genres.nonEmpty) {
-            definition("genre", "genres", book.genres.sorted.map(_.prettyPrint))
+          book.resume match {
+            case Some(resume) =>
+              p(BookStyle.resume, raw(resume))
+            case _ =>
+              span("")
           },
-          definition("niveau", "niveaux", Seq(book.level.prettyPrint))
-        ),
 
-        button(
-          BookStyle.close,
-          onclick := (() => onClose),
-          "Fermer"
+          dl(
+            BookStyle.definitions,
+
+            grades.map { grade =>
+              val programs = book.programs.filter(p => Program.grade(p) == grade).sorted
+              val pp = grade.prettyPrint
+              definition(pp, pp, programs.map(p => s"« ${p.prettyPrint} »"))
+            },
+            if (book.themes.nonEmpty) {
+              definition("thème", "thèmes", book.themes.sorted.map(_.prettyPrint))
+            },
+            if (book.genres.nonEmpty) {
+              definition("genre", "genres", book.genres.sorted.map(_.prettyPrint))
+            },
+            definition("niveau", "niveaux", Seq(book.level.prettyPrint))
+          ),
+
+          button(
+            BookStyle.close,
+            onclick := (() => onClose),
+            "Fermer"
+          )
         )
       )
     )