Avoid vertical scrolling caused by the footer even when the page content is short.

 fixes #395

Author: lovasoa

CHANGELOG.md

@@ -12,6 +12,7 @@
  - Prevent form validation and give a helpful error message when an user tries to submit a form with a file upload field that is above the maximum file size.
    - ![file upload too large](https://github.com/lovasoa/SQLpage/assets/552629/1c684d33-49bd-4e49-9ee0-ed3f0d454ced)
  - Fix a bug in [`sqlpage.read_file_as_data_url`](https://sql.ophir.dev/functions.sql?function=read_file_as_data_url#function) where it would truncate the mime subtype of the file. This would cause the browser to refuse to display SVG files, for instance.
+ - Avoid vertical scrolling caused by the footer even when the page content is short.
 
 ## 0.23.0 (2024-06-09)
 

sqlpage/sqlpage.css

@@ -33,11 +33,16 @@ td > p {
 }
 
 /* orchidjs/tom-select#712 */
-.ts-wrapper.multi .ts-control>div.active {
+.ts-wrapper.multi .ts-control > div.active {
   border: 1px solid transparent !important;
 }
 
 :root {
   /* Workaround for https://github.com/tabler/tabler/issues/1879 */
   --tblr-text-secondary-rgb: var(--tblr-secondary-rgb);
-}
+}
+
+.page {
+  /* Leave space for the footer */
+  min-height: calc(100% - 3rem);
+}