fix body height

Author: Cosmatevs

assets/style.css

@@ -23,7 +23,7 @@ body {
 	font-family: var(--font-family);
 	background: var(--site-background);
 	color: var(--body-text-color);
-	min-height: calc(100vh - 2 * var(--body-padding));
+	height: calc(100vh - 2 * var(--body-padding));
 }
 
 /* text elements */

bhav-to-diagram.html

@@ -6,7 +6,7 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>The Sims 2 BHAV to Mermaid diagram</title>
 	<link rel="icon" type="image/x-icon" href="assets/favicon.svg">
-	<link rel="stylesheet" href="assets/style.css?v=6" />
+	<link rel="stylesheet" href="assets/style.css?v=7" />
 	<script src="assets/common.js?v=3"></script>
 	<script src="assets/svg-pan-zoom-container.js?v=0.6.1"></script> <!-- https://github.com/luncheon/svg-pan-zoom-container -->
 	<style>

index.html

@@ -6,13 +6,15 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Nopke's web tools</title>
     <link rel="icon" type="image/x-icon" href="assets/favicon.svg">
-    <link rel="stylesheet" href="assets/style.css?v=6" />
+    <link rel="stylesheet" href="assets/style.css?v=7" />
     <style>
         body {
             --body-padding: 1.5rem;
             max-width: 30rem;
             margin: auto;
             box-shadow: 0 0 1rem #0004;
+            min-height: calc(100vh - 2 * var(--body-padding));
+            height: auto;
         }
 
         dl {

resource-list-to-table.html

@@ -6,7 +6,7 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>The Sims 2 resource list to table</title>
 	<link rel="icon" type="image/x-icon" href="assets/favicon.svg">
-	<link rel="stylesheet" href="assets/style.css?v=6" />
+	<link rel="stylesheet" href="assets/style.css?v=7" />
 	<script src="assets/common.js?v=2"></script>
 	<script src="assets/ts2-resource-info.js?v=1"></script>
 	<style>