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;
 }
 

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;
 }
 

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/>