chore: modif des styles et du layout

src/App.vue

@@ -27,6 +27,5 @@ onMounted(() => {
         <RouterView v-if="loaded" />
       </div>
     </div>
-    <TableOfContent />
   </div>
 </template>

src/styles/custom/_article.scss

@@ -11,6 +11,9 @@ article .table-auto table, table.table-auto {
 table {
     display: table;
     width: 100%;
+}
+
+table.fixed {
     table-layout: fixed;
 }
 

src/styles/custom/_global.scss

@@ -12,10 +12,10 @@
 }
 
 #sidebar {
+  padding:0.5rem;
   padding-top:1rem;
   padding-left:0.75rem;
   width:17rem;
-  position: fixed;
   height: calc(100vh - 3rem);
   overflow: scroll;
   h1 {
@@ -30,8 +30,10 @@
 
 #page {
   flex-grow:1;
-  padding-left:18rem;
-  padding-right: 18rem;
+  margin:auto;
+  margin-top:0;
+  max-width:1200px;
+  padding: 1rem;
 }
 
 #toc {

src/styles/definitions/_fonts.scss

@@ -1,12 +1,12 @@
 // FONTS
 // Define how looks the text
 
-$fontsize: 4.75mm;
+$fontsize: 4.25mm;
 
 $fontweight_big: 300;
 $fontweight_base: 400;
 $fontweight_bold: 600;
 $fontweight_hyper: 800;
 
-$basefont: Open Sans, sans-serif;
-$titlefont: Open Sans, sans-serif;
+$basefont: -apple-system, system-ui, sans-serif;
+$titlefont: -apple-system, system-ui, sans-serif;