prepare fileBrowser layout on mobile

src/View/Components/fileBrowser.css

@@ -11,17 +11,35 @@
 }
 
 .file-browser > div {
+  display: flex;
+  flex-direction: column;
+
   width: 100%;
   min-width: 100%;
   flex: 0;
 
-  display: flex;
-  flex-direction: column;
+  scroll-snap-align: center;
+}
+
+.file-browser .scroll-area {
+  flex: 1;
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
 
   padding: var(--content-padding);
+}
 
-  scroll-snap-align: center;
-  overflow: auto;
+.file-browser .detail-button-wrapper {
+  display: flex;
+  justify-content: end;
+
+  border-top: 1px solid var(--border);
+  padding: var(--content-padding);
+}
+
+.file-browser .detail-button-wrapper button {
+  max-width: 100%;
 }
 
 .file-browser code {
@@ -36,4 +54,8 @@
 
     flex: 1;
   }
+
+  .file-browser .detail-button-wrapper {
+    display: none;
+  }
 }