hint second pane in split modals on mobile

src/View/Components/splitModal.css

@@ -19,7 +19,7 @@
     flex-direction: column;
 
     width: 100%;
-    min-width: 100%;
+    min-width: calc(100% - 4rem);
     flex: 0;
 
     scroll-snap-align: center;

src/View/Components/splitModal.tsx

@@ -5,7 +5,6 @@ import * as React from "bloatless-react";
 export function SplitModal(
     leftView: React.State<Element>,
     rightView: React.State<Element>,
-    scrollButtonLabel: React.State<string>,
     extendedStyle: boolean = false,
     navigationState?: React.State<any>,
 ) {
@@ -13,18 +12,6 @@ export function SplitModal(
         <div class="split-modal" toggle:extended={extendedStyle}>
             <div>
                 <div class="scroll-area" children:set={leftView}></div>
-                <div
-                    class="detail-button-wrapper"
-                    toggle:hidden={navigationState != undefined}
-                >
-                    <button class="ghost" on:click={scrollToDetails}>
-                        <span
-                            class="ellipsis"
-                            subscribe:innerText={scrollButtonLabel}
-                        ></span>
-                        <span class="icon">arrow_forward</span>
-                    </button>
-                </div>
             </div>
             <div class="scroll-area" children:set={rightView}></div>
         </div>