set width and height on brand logo so layout doesn't jump

mojavelinux · mojavelinux · commit caa586a50a88 · 2020-12-27T03:56:47.000-07:00
diff --git a/src/css/header.css b/src/css/header.css
@@ -35,12 +35,16 @@ body {
   padding-left: 1rem;
 }
 
-.navbar-brand .navbar-item {
+.navbar-brand .logo {
+  align-self: center;
   padding: 0;
+  height: calc(0.6 * var(--navbar-height));
+  width: calc(0.6 * var(--navbar-height));
 }
 
 .navbar-brand img {
-  height: calc(0.6 * var(--navbar-height));
+  height: inherit;
+  width: inherit;
 }
 
 .navbar-start .navbar-item:first-child {

Original file line number	Diff line number	Diff line change
`@@ -35,12 +35,16 @@ body {`
`35`	`35`	`padding-left: 1rem;`
`36`	`36`	`}`
`37`	`37`
`38`		`-.navbar-brand .navbar-item {`
	`38`	`+.navbar-brand .logo {`
	`39`	`+ align-self: center;`
`39`	`40`	`padding: 0;`
	`41`	`+ height: calc(0.6 * var(--navbar-height));`
	`42`	`+ width: calc(0.6 * var(--navbar-height));`
`40`	`43`	`}`
`41`	`44`
`42`	`45`	`.navbar-brand img {`
`43`		`- height: calc(0.6 * var(--navbar-height));`
	`46`	`+ height: inherit;`
	`47`	`+ width: inherit;`
`44`	`48`	`}`
`45`	`49`
`46`	`50`	`.navbar-start .navbar-item:first-child {`