From 8c1a633e80f11c4dd8196100a70ee774634e9b91 Mon Sep 17 00:00:00 2001
From: LisaFC <lcarey@google.com>
Date: Fri, 26 Apr 2019 15:01:13 +0100
Subject: [PATCH 1/2] More styling for section and community link boxes

---
 assets/scss/_boxes.scss | 29 ++++++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/assets/scss/_boxes.scss b/assets/scss/_boxes.scss
index cc685706f3..4676ecc8a8 100644
--- a/assets/scss/_boxes.scss
+++ b/assets/scss/_boxes.scss
@@ -77,6 +77,33 @@
 
 @include td-box-height-modifiers(".td-box");
 
+// Styling for section boxes
+.td-box {
+  .row {
+       padding-left: 5rem;
+       padding-right: 5rem;
+       flex-direction: column;
+
+       > table {
+        @extend .table-striped;
+
+        @extend .table-responsive;
+
+        @extend .table;
+       }
+   }
+
+  .row.features {
+   flex-direction: row;
+  }
+}
+
+// Styling for community page link boxes
+
+.td-box.linkbox {
+   padding: 5rem;
+}
+
 // This allows "painting by numbers"
 @for $i from 1 through length($td-box-colors) {
     $c: nth($td-box-colors, $i);
@@ -96,4 +123,4 @@
 
 @each $color, $value in $grays {
     @include box-variant(".td-box", $color, $value);
-}
\ No newline at end of file
+}

From e79429cf481edc457d45261f5c15a40c370ae7c7 Mon Sep 17 00:00:00 2001
From: LisaFC <lcarey@google.com>
Date: Fri, 26 Apr 2019 15:22:17 +0100
Subject: [PATCH 2/2] Add type param to section boxes

The existing default styling (flex-direction: row) works well for a section containing a horizontal row of feature boxes but does weird things to headings at certain screen widths if the section just has text in it. Now you can create a "features" section or a regular one.
---
 layouts/shortcodes/blocks/section.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/layouts/shortcodes/blocks/section.html b/layouts/shortcodes/blocks/section.html
index bbd4e17235..1cdd83579c 100644
--- a/layouts/shortcodes/blocks/section.html
+++ b/layouts/shortcodes/blocks/section.html
@@ -1,10 +1,11 @@
 {{ $col_id := .Get "color" | default .Ordinal }}
 {{ $height := .Get "height" | default "auto"  }}
+{{ $type   := .Get "type" | default "" }} 
 <a id="td-block-{{ .Ordinal }}" class="td-offset-anchor"></a>
 <section class="row td-box td-box--{{ $col_id }} td-box--gradient td-box--height-{{ $height }}">
 	<div class="col">
-		<div class="row">
+		<div class="row {{ $type }}">
 			{{ .Inner }}
 		</div>
 	</div>
-</section>
\ No newline at end of file
+</section>