From 4eea9c3a2cb8141d579e918d8c1ada492d38a756 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Wed, 31 Jul 2019 14:03:39 +0200
Subject: [PATCH] Normalize line height for headings

---
 client/src/components/content-blocks/SectionTitleBlock.vue | 3 +++
 client/src/components/content-blocks/SubtitleBlock.vue     | 1 +
 client/src/pages/instrument.vue                            | 1 +
 client/src/styles/_variables.scss                          | 1 +
 4 files changed, 6 insertions(+)

diff --git a/client/src/components/content-blocks/SectionTitleBlock.vue b/client/src/components/content-blocks/SectionTitleBlock.vue
index 1adfd8ae..3578ec0e 100644
--- a/client/src/components/content-blocks/SectionTitleBlock.vue
+++ b/client/src/components/content-blocks/SectionTitleBlock.vue
@@ -9,7 +9,10 @@
 </script>
 
 <style scoped lang="scss">
+  @import "@/styles/_variables.scss";
+
   .section-title {
     margin-bottom: 30px;
+    line-height: $default-heading-line-height;
   }
 </style>
diff --git a/client/src/components/content-blocks/SubtitleBlock.vue b/client/src/components/content-blocks/SubtitleBlock.vue
index c642fc51..766e7eee 100644
--- a/client/src/components/content-blocks/SubtitleBlock.vue
+++ b/client/src/components/content-blocks/SubtitleBlock.vue
@@ -13,5 +13,6 @@
   .subtitle {
     padding-top: 1px;
     margin-bottom: $large-spacing;
+    line-height: $default-heading-line-height;
   }
 </style>
diff --git a/client/src/pages/instrument.vue b/client/src/pages/instrument.vue
index 6d547547..009a4b0e 100644
--- a/client/src/pages/instrument.vue
+++ b/client/src/pages/instrument.vue
@@ -67,6 +67,7 @@
     &__title {
       font-size: toRem(35px);
       margin-bottom: 40px;
+      line-height: $default-heading-line-height;
     }
 
     & /deep/ {
diff --git a/client/src/styles/_variables.scss b/client/src/styles/_variables.scss
index 7187d1d7..7e44811b 100644
--- a/client/src/styles/_variables.scss
+++ b/client/src/styles/_variables.scss
@@ -77,6 +77,7 @@ $font-weight-semibold: 600;
 $font-weight-regular: 400;
 
 $default-line-height: 1.5;
+$default-heading-line-height: 1.2;
 
 // popover
 $popover-default-bottom: -110px;