renamed tree and inline modules to ModeText & ModeConnections

assets/main.scss

@@ -131,17 +131,19 @@ header{
 
 
 .sticky-clone-wrapper{
-  padding-top: $header_height;
+  padding-top: $header_height+1em;
+  padding-bottom: 1em;
   position: fixed;
   top:0; left: 0;
   z-index: 4;
+  width:100%;
   background-color: white;
   h1.part-title{
     font-size: 1.6em;
-    body.inline &{
+    body.mode-connections &{
       margin: 0 0 0 $margin_left;
     }
-    body.tree &{
+    body.mode-text &{
       margin:0 0 0 $margin_left;
     }
   }
@@ -181,7 +183,7 @@ section.intro{
 //    / // __ \/ /   / / __ \/ _ \
 //  _/ // / / / /___/ / / / /  __/
 // /___/_/ /_/_____/_/_/ /_/\___/
-main#content.inline{
+main#content.mode-text{
   h1.part-title{
     margin: 1em 0 0 $margin_left;
   }
@@ -259,7 +261,7 @@ main#content.inline{
 //   / / / ___/ _ \/ _ \
 //  / / / /  /  __/  __/
 // /_/ /_/   \___/\___/
-main#content.tree{
+main#content.mode-connections{
 
   h1.part-title{
     margin:0 0 0 $margin_left;
@@ -385,4 +387,5 @@ footer{
   bottom: 0;
   background-color: white;
   >*{margin-left: 1em;}
+  width: 100%;
 }