Ensure org chart icons actually square (DP-990)

hidde · hidde · commit cf998b07083c · 2018-12-24T16:29:11.000+01:00
Signed-off-by: Hidde de Vries &lt;hidde@hiddedevries.nl&gt;
diff --git a/src/components/SearchResult.vue b/src/components/SearchResult.vue
@@ -86,7 +86,7 @@ export default {
     .search-result__orgchart-link {
       margin-left: auto;
       position: relative; /* so that it stacks on top of search result link */
-      line-height: 1; /* avoid extra space underneath image */
+      line-height: .75; /* avoid extra space underneath image */
       border-radius: var(--imageRadius);
       padding: .72em;
       color: var(--black);
diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue
@@ -100,6 +100,7 @@ export default {
   text-decoration: none;
   transition: background-color .2s ease-in-out;
   border-radius: var(--imageRadius);
+  line-height: .75;  /* to not add vertical whitespace */
 }
 .top-bar__link img {
   vertical-align: middle;

Original file line number	Diff line number	Diff line change
`@@ -100,6 +100,7 @@ export default {`
`100`	`100`	`text-decoration: none;`
`101`	`101`	`transition: background-color .2s ease-in-out;`
`102`	`102`	`border-radius: var(--imageRadius);`
	`103`	`+ line-height: .75; /* to not add vertical whitespace */`
`103`	`104`	`}`
`104`	`105`	`.top-bar__link img {`
`105`	`106`	`vertical-align: middle;`