From 08e6433c0e35f8a258d5358431dc319a32771a62 Mon Sep 17 00:00:00 2001
From: Bachir Soussi Chiadmi <bachir@figureslibres.io>
Date: Fri, 27 Sep 2019 15:22:39 +0200
Subject: [PATCH] main-content layout

---
 assets/css/base/_layout.scss | 10 +++++++---
 src/App.vue                  |  4 +++-
 src/pages/Item.vue           |  9 ++++++---
 3 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/assets/css/base/_layout.scss b/assets/css/base/_layout.scss
index 2661db8..40a0909 100644
--- a/assets/css/base/_layout.scss
+++ b/assets/css/base/_layout.scss
@@ -31,9 +31,13 @@ body{
   section[role="main-content"]{
     flex:1 1 auto;
     @extend %layout-element;
-    padding:0 $side-padding 0 $side-padding;
-    overflow-y: auto;
-    overflow-x: hidden;
+    overflow: hidden;
+    >.wrapper{
+      padding:0 $side-padding 0 $side-padding;
+      height:100vh;
+      overflow-y: auto;
+      overflow-x: hidden;
+    }
   }
   footer[role="tools"]{
     flex:0 0 auto;
diff --git a/src/App.vue b/src/App.vue
index 4598cec..bafd5f5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -12,7 +12,9 @@
       </div>
     </header>
     <section role="main-content">
-      <RouterView />
+      <div class="wrapper">
+        <RouterView />
+      </div>
     </section>
     <footer role="tools">
       <History />
diff --git a/src/pages/Item.vue b/src/pages/Item.vue
index 8eadfc3..4b0753d 100644
--- a/src/pages/Item.vue
+++ b/src/pages/Item.vue
@@ -1,13 +1,16 @@
 <template>
   <transition name="fade" appear>
     <span v-if="!loaded">Loading...</span>
-    <article v-else class="item">
-      <header>
+    <article v-else class="item row">
+      <header class="col-3">
         <h1>
           {{ item.title }}
         </h1>
       </header>
-      <section v-html="item.tei" />
+      <section v-html="item.tei" class="col-6"/>
+      <section class="col-3">
+        tree
+      </section>
     </article>
   </transition>
 </template>