webui: fix insets in no bottom bar page

#18

Author: KOWX712

webui/index.html

@@ -202,7 +202,6 @@
                         <md-filled-button class="unpatch-only" id="unpatch" data-i18n="button_unpatch">UnPatch</md-filled-button>
                     </div>
                     <div class="output-terminal content-padding" id="patch-terminal"></div>
-                    <div class="keyboard-inset" id="patch-keyboard-inset"></div>
                 </div>
                 <div class="fab-container">
                     <md-fab variant="primary" aria-label="reboot" id="reboot-fab">

webui/index.js

@@ -148,7 +148,6 @@ document.addEventListener('DOMContentLoaded', async () => {
     document.getElementById('embed').onclick = patchModule.embedKPM;
     document.getElementById('start').onclick = () => {
         document.querySelector('.trailing-btn').style.display = 'none';
-        document.getElementById('patch-keyboard-inset').classList.add('hide');
         patchModule.patch("patch");
     }
     document.getElementById('unpatch').onclick = () => {

webui/route.js

@@ -60,10 +60,6 @@ function preparePatchUI(title, isUnpatch) {
 
     document.querySelectorAll('.patch-only').forEach(p => p.classList.toggle('hidden', isUnpatch));
     document.querySelectorAll('.unpatch-only').forEach(p => p.classList.toggle('hidden', !isUnpatch));
-
-    if (isUnpatch) {
-        document.getElementById('patch-keyboard-inset').classList.remove('hide');
-    }
 }
 
 export function navigateToHome() {

webui/styles.css

@@ -136,7 +136,7 @@ body {
 }
 
 .content.no-bottom-bar {
-    margin-bottom: 0;
+    margin-bottom: var(--bottom-inset);
 }
 
 .page {
@@ -203,7 +203,8 @@ body {
     opacity: 0;
     padding-top: 0;
     padding-bottom: 0;
-    margin-top: -16px; /* flex gap override */
+    margin-top: -16px;
+    /* flex gap override */
     overflow: hidden;
 }
 
@@ -683,13 +684,3 @@ md-dialog .checkbox-item {
 .fab-padding {
     padding-bottom: 72px;
 }
-
-.keyboard-inset {
-    width: 100%;
-    padding-bottom: calc(40vh - 64px - 64px - var(--bottom-inset) - var(--top-inset)); /* base - top bar - fab - insets */
-    transition: padding-bottom 0.2s ease;
-}
-
-.keyboard-inset.hide {
-    padding-bottom: 0;
-}