addded loading progress

assets/main.scss

@@ -129,6 +129,22 @@ header{
 // }
 
 
+#db-loader{
+  position: relative;
+  width:300px;
+  height:1px;
+  background-color: black;
+  margin-left: $margin_left;
+  #db-loaded{
+    position: absolute;
+    top:-1px; left:0;
+    width: 0%;
+    height:3px;
+    background-color: black;
+    transition: width 1.2s;
+  }
+}
+
 
 .sticky-clone-wrapper{
   padding-top: $header_height;
@@ -478,9 +494,8 @@ main#content.mode-connections{
   }
   &.to-links > section.text{
     border-top: 1px solid #e2e2e2;
-    $decal:1.5em;
-    padding-top:$decal;
-    margin-top: -$decal;
+    padding-top:1.5em;
+    margin-top: -1.4em;
   }
   &.from-links > section.text{
     border-bottom: 1px solid #e2e2e2;
@@ -494,6 +509,7 @@ main#content.mode-connections{
       bottom:100%;
       margin-top: 15px;
       padding-bottom:10px;
+      margin-top: 1em;
       &:before{
         content: "\2304";
         display: flex;
@@ -503,7 +519,7 @@ main#content.mode-connections{
     &.from{
       top:100%;
       padding-top:10px;
-      // margin-bottom: 15px;
+      margin-bottom: 1em;
       &:before{
         content: "\2303";
       }
@@ -514,7 +530,7 @@ main#content.mode-connections{
       position: absolute;
       top:0; left:$margin_left - 5px;
       height: 100%; width:0;
-      z-index: -1;
+      z-index: 3;
       text-indent: -0.45em;
       line-height: 1;
       color: #4a4848;