introduce --page-margin-bottom at 64px

silverwind · silverwind · commit e3cab8bd8f9f · 2025-04-25T15:53:22.000+02:00
diff --git a/web_src/css/base.css b/web_src/css/base.css
@@ -29,6 +29,7 @@
   --checkbox-size: 15px; /* height and width of checkbox and radio inputs */
   --page-spacing: 16px; /* space between page elements */
   --page-margin-x: 32px; /* minimum space on left and right side of page */
+  --page-margin-bottom: 64px; /* space between last page element and footer */
 }
 
 @media (min-width: 768px) and (max-width: 1200px) {
@@ -479,7 +480,7 @@ img.ui.avatar,
 
 .full.height {
   flex-grow: 1;
-  padding-bottom: var(--page-spacing);
+  padding-bottom: var(--page-margin-bottom);
 }
 
 .status-page-error {

Original file line number	Diff line number	Diff line change
`@@ -29,6 +29,7 @@`
`29`	`29`	`--checkbox-size: 15px; /* height and width of checkbox and radio inputs */`
`30`	`30`	`--page-spacing: 16px; /* space between page elements */`
`31`	`31`	`--page-margin-x: 32px; /* minimum space on left and right side of page */`
	`32`	`+ --page-margin-bottom: 64px; /* space between last page element and footer */`
`32`	`33`	`}`
`33`	`34`
`34`	`35`	`@media (min-width: 768px) and (max-width: 1200px) {`
`@@ -479,7 +480,7 @@ img.ui.avatar,`
`479`	`480`
`480`	`481`	`.full.height {`
`481`	`482`	`flex-grow: 1;`
`482`		`- padding-bottom: var(--page-spacing);`
	`483`	`+ padding-bottom: var(--page-margin-bottom);`
`483`	`484`	`}`
`484`	`485`
`485`	`486`	`.status-page-error {`