Code Snippits need more space (#8416)

* Update rendering of code snippits

I noticed  that especially in tables code snippits need just a bit more space to not look to cramped.

* Update _settings.scss

* Update _typography.scss

app/assets/stylesheets/openproject/_settings.scss

@@ -192,6 +192,7 @@ $breakpoint-classes: (tiny small medium large xlarge xxlarge xxxlarge);
 // $code-border-style: solid;
 // $code-border-color: scale-color($code-background-color, $lightness: -10%);
 // $code-padding: rem-calc(2) rem-calc(5) rem-calc(1);
+// $code-line-height: 1.75em;
 
 // We use these to style anchors
 // $anchor-text-decoration: none;

app/assets/stylesheets/vendor/foundation-apps/scss/_settings.scss

@@ -192,6 +192,7 @@
 // $code-border-style: solid;
 // $code-border-color: scale-color($code-background-color, $lightness: -10%);
 // $code-padding: rem-calc(2) rem-calc(5) rem-calc(1);
+// $code-line-height: 1.75em;
 
 // We use these to style anchors
 // $anchor-text-decoration: none;

app/assets/stylesheets/vendor/foundation-apps/scss/components/_typography.scss

@@ -73,6 +73,7 @@ $code-border-size: 1px !default;
 $code-border-style: solid !default;
 $code-border-color: scale-color($code-background-color, $lightness: -10%) !default;
 $code-padding: rem-calc(2) rem-calc(5) rem-calc(1) !default;
+$code-line-height: 1.75em !default;
 
 // We use these to style anchors
 $anchor-text-decoration: none !default;
@@ -252,6 +253,7 @@ $acronym-underline: 1px dotted #ddd !default;
     border-style: $code-border-style;
     border-color: $code-border-color;
     padding: $code-padding;
+    line-height: $code-line-height;
   }
 
   /* Lists */