move feature banner to top of page, narrow career article section, fi…

…x related article heights
postgresml · chillenberger · Feb 29, 2024 · Feb 27, 2024 · Feb 28, 2024 · Feb 28, 2024
commit 53edc52e39ab5fd0cd1a918e57d789c3f05a025e
diff --git a/pgml-dashboard/src/components/pages/article/index/template.html b/pgml-dashboard/src/components/pages/article/index/template.html
@@ -33,7 +33,11 @@
       <div class="orange"></div>
     </div>
 
-    <div class="container position-relative px-xl-5 py-5">
+    <div class="container position-relative px-xl-5 pb-5">
+      <div class="pt-4 pb-5">
+        <%+ feature_banner %>
+      </div>
+
       <div class="d-flex flex-lg-row flex-column gap-xl-4">
         <div class="d-flex flex-column col-lg-7 col-12 align-items-md-start align-items-center"a>
 
@@ -91,11 +95,9 @@ <h1 class="text-md-start text-center"><%- title %></h1>
         <div class="e6"></div>
       </div>
     </div>
-    <div class="pt-4 pb-5">
-      <%+ feature_banner %>
-    </div>
+
     <div class="row position-relative">
-      <article class="docs col-12 <% if is_blog {%>col-xxl-10<% } %> overflow-x-auto py-4 px-xl-5">
+      <article class="docs col-12 col-xxl-10 overflow-x-auto py-4 px-xl-5 mx-auto">
         <% if document_not_found {%>
         <div class="show">
           <h2>Oops, document not found!</h2>

diff --git a/pgml-dashboard/src/components/sections/related_articles/related_articles.scss b/pgml-dashboard/src/components/sections/related_articles/related_articles.scss
@@ -1,5 +1,10 @@
 div[data-controller="sections-related-articles"] {
     .doc-card {
       width: unset;
+      height: 100%;
+    }
+
+    div[data-controller="cards-blog-article-preview"] {
+      height: 100%;
     }
 }