better running

maquette-tests/assets/css/running-page.css

@@ -5,14 +5,15 @@
       letter-spacing: var(--sign-spacing);
       font-family: var(--sign-family);
       line-height: var(--sign-baseline);
-      vertical-align: top;
-      padding-top: var(--running-bottom);
+      vertical-align: bottom;
+      padding-bottom: var(--running-bottom);
       width: 100%;
 
 
       position: absolute; 
-      left: calc(var(--pagedjs-margin-top)*-1 + 0px);
-        left: calc(var(--pagedjs-margin-left)*-1);
+      left: 0px;
+
+        bottom: 0px;
       width: var( --w-container);
       overflow: hidden;
       /* background-color: red; */
@@ -22,19 +23,22 @@
 
 .running-page{
     width: calc(var(--w-container)*2);
-    padding-left: 11px;
+    padding-left: 19px;
     padding-right: 6px;
     display: flex;
 }
 
 .running-page .symbols{
     flex-shrink: 0;
+    /* background-color: white; */
+      z-index: 20;
 
 }
 .running-page .dots{
-    position: relative;
+    position: absolute;
     top: -5px;
-    left: -5px;
+    left: 19px;
+    z-index: 10;
 }
 
 .pagedjs_right_page .running-page_container .running-page{