Fix header height in Safari

TimvdLippe · TimvdLippe · commit 62ac9153e593 · 2020-04-03T15:41:27.000+01:00
diff --git a/pages/scripts/index.js b/pages/scripts/index.js
@@ -255,7 +255,6 @@ customElements.define('cr-search-control', class extends HTMLElement {
 
           /* Float to the right */
           margin-left: auto;
-          display: block;
         }
         input::placeholder {
           color: var(--header-text-color);
diff --git a/pages/styles/protocol.css b/pages/styles/protocol.css
@@ -100,7 +100,6 @@ main, cr-search-results {
 main > header {
   background-color: #3f51b5;
   color: var(--header-text-color);
-  display: flex;
   justify-content: space-between;
   align-items: center;
 }
@@ -116,6 +115,7 @@ main > header h1 {
 cr-search-control {
   flex: 1;
   margin: 0 25px;
+  display: inline-block;
 }
 
 main > section {

Original file line number	Diff line number	Diff line change
`@@ -255,7 +255,6 @@ customElements.define('cr-search-control', class extends HTMLElement {`
`255`	`255`
`256`	`256`	`/* Float to the right */`
`257`	`257`	`margin-left: auto;`
`258`		`- display: block;`
`259`	`258`	`}`
`260`	`259`	`input::placeholder {`
`261`	`260`	`color: var(--header-text-color);`
Original file line number	Diff line number	Diff line change
`@@ -100,7 +100,6 @@ main, cr-search-results {`
`100`	`100`	`main > header {`
`101`	`101`	`background-color: #3f51b5;`
`102`	`102`	`color: var(--header-text-color);`
`103`		`- display: flex;`
`104`	`103`	`justify-content: space-between;`
`105`	`104`	`align-items: center;`
`106`	`105`	`}`
`@@ -116,6 +115,7 @@ main > header h1 {`
`116`	`115`	`cr-search-control {`
`117`	`116`	`flex: 1;`
`118`	`117`	`margin: 0 25px;`
	`118`	`+ display: inline-block;`
`119`	`119`	`}`
`120`	`120`
`121`	`121`	`main > section {`