remove footer-height and make any references to it directly calculate…

… it from header-height instead, to work add-ons like kiosk mode that hide the header toolbar

src/common/ha_fab.css

@@ -1,6 +1,6 @@
 /* Fix add card button position  */
 :host {
-	bottom: calc(var(--footer-height) + 16px) !important;
+	bottom: calc(var(--header-height) / 0.6 + 16px) !important;
 	z-index: 3 !important;
 }
 

src/common/root.css

@@ -5,7 +5,7 @@ ha-tabs {
 	top: unset !important;
 	bottom: 0 !important;
 	background: var(--navbar-background) !important;
-	height: var(--footer-height) !important;
+	height: calc(var(--header-height) / 0.6) !important;
 	width: calc(100% - var(--mdc-drawer-width, 0px));
 	padding-bottom: env(safe-area-inset-bottom) !important;
 	margin: 0 !important;

src/common/view.css

@@ -1,6 +1,5 @@
 /* Add padding to sides of viewbox and force background color just in case */
 #view {
-	padding-top: calc(40px + env(safe-area-inset-top)) !important;
 	padding-left: calc(12px + env(safe-area-inset-left)) !important;
 	padding-right: calc(12px + env(safe-area-inset-right)) !important;
 	background: var(--view-background, var(--lovelace-background)) !important;
@@ -9,6 +8,6 @@
 /* Add bottom footer padding when present */
 .header:has(ha-tabs, paper-tabs) + #view {
 	padding-bottom: calc(
-		var(--footer-height) + env(safe-area-inset-bottom)
+		calc(var(--header-height) / 0.6) + env(safe-area-inset-bottom)
 	) !important;
 }

src/material_rounded/theme.yaml

@@ -53,7 +53,6 @@ Material Rounded:
   # Toolbar
   paper-slider-height: 4px
   header-height: 48px
-  footer-height: 80px
   mdc-top-app-bar-fixed-box-shadow: none
   app-header-background-color: var(--lovelace-background)
   app-header-text-color: var(--primary-text-color)