Fixing bug on apps page.

assets/scss/components/common/columns.scss

@@ -79,8 +79,10 @@
         }
     }
     
-    .section-header .column > img {
-        width: 100%;
+    .section-header, .section-header-app {
+        .column > img {
+            width: 100%;
+        }
     }
     
     .col1:not(.col1-fill) {

assets/scss/components/sections/header.scss

@@ -25,9 +25,18 @@ section.section-header {
     }
 }
 
+section.section-header-app {
+    height: calc(100vh + 3em);
+    
+    & > div.columns-container {
+        padding-top: 3em !important;
+        height: calc(100% - 6em);
+    }
+}
+
 
 @media screen and (max-width: 700px) {
-    section.section-header {
+    section.section-header, section.section-header-app {
         height: auto;
         min-height: calc(100vh + 3em);
         

layouts/partials/section-app-header.html

@@ -3,7 +3,7 @@
 {{ $i18nAppData := index $data.apps .Data.AppIndex }}
 {{ $AppData := index .Site.Data.metadata .Data.AppIndex }}
 {{ with .Data }}
-<section style="background: {{ .Background | safeCSS }};" class="section-header">
+<section style="background: {{ .Background | safeCSS }};" class="section-header-app">
     <div class="columns-container">
         <div class="column col3 center text-right vertical-center {{ if .TextWhite }}text-white{{ end }}">
             <br>