[Core UI] Kibana Overview Page Style Fixes, Part 3 (#78970)

* fix overview cards not stretching height equally * change var name for better specificity
elastic · Sep 30, 2020 · 4fc9c42 · 4fc9c42
1 parent d1d7759
commit 4fc9c42
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/src/plugins/kibana_overview/public/components/_overview.scss b/src/plugins/kibana_overview/public/components/_overview.scss
@@ -18,7 +18,7 @@
  */
 
 // Local page variables
-$pageWidth: 1200px;
+$kbnOverviewPageWidth: 1200px;
 
 .kbnOverviewWrapper {
   background-color: $euiColorEmptyShade;
@@ -34,7 +34,7 @@ $pageWidth: 1200px;
 
 .kbnOverviewHeader__inner {
   margin: 0 auto;
-  max-width: $pageWidth;
+  max-width: $kbnOverviewPageWidth;
   padding: $euiSizeXL $euiSize;
 }
 
@@ -46,9 +46,16 @@ $pageWidth: 1200px;
 
 .kbnOverviewContent {
   margin: 0 auto;
-  max-width: $pageWidth;
+  max-width: $kbnOverviewPageWidth;
   padding: $euiSizeXL $euiSize;
   width: 100%;
+
+  // Ensure card heights are stretched equally when wrapped with this element
+  .kbnRedirectCrossAppLinks {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+  }
 }
 
 // Prevent children from rendering as flex items