upgraded ladder and fixed css issues

package.json

@@ -15,7 +15,7 @@
   "author": "Daniel Ledda",
   "license": "ISC",
   "dependencies": {
-    "@djledda/ladder": "^1.0.2"
+    "@djledda/ladder": "^1.1.0"
   },
   "devDependencies": {
     "@types/node": "^17.0.40",

src/ui/Beat/Beat.css

@@ -8,8 +8,10 @@
 }
 
 .vertical-mode .beat {
+    padding-bottom: 2em;
     align-items: center;
-    overflow: visible;
+    overflow-x: hidden;
+    overflow-y: scroll;
     height: inherit;
 }
 
@@ -69,4 +71,4 @@
     display: inline-block;
     writing-mode: vertical-rl;
     text-align: right;
-}
+}

src/ui/Root/Root.css

@@ -89,16 +89,15 @@
 
 .root-beat-stage {
     position: relative;
-    padding: 2em;
     max-height: 100vh;
     margin: auto;
     max-width: 100vw;
     transition: max-width 400ms;
+    padding-left: 3em;
 }
 
 .vertical-mode .root-beat-stage {
     margin: auto auto;
-    padding-left: 3em;
     height: 100vh;
 }
 
@@ -165,4 +164,4 @@
 * {
     user-drag: none;
     user-select: none;
-}
+}

src/ui/Root/RootView.tsx

@@ -169,7 +169,7 @@ export default class RootView extends Rung<HTMLDivElement> {
         </div> as HTMLElement;
     };
 
-    build(): HTMLDivElement {
+    build() {
         return (
             <div classes={["root", "sidebar-visible"]}>
                 <this.Sidebar/>
@@ -181,4 +181,4 @@ export default class RootView extends Rung<HTMLDivElement> {
             </div>
         ) as HTMLDivElement;
     }
-}
+}