From 98e774c1f42256d6095630cacc82eac7c28b8dbf Mon Sep 17 00:00:00 2001
From: Gareth Joyce <gjoyce@iweb.co.uk>
Date: Thu, 9 Mar 2017 16:20:23 +0000
Subject: [PATCH] #198 max width on toggle icon and update grid demos.

---
 pattern/component/toggle-icon/base.php | 2 +-
 pattern/utility/grid/collapse.php      | 6 +++---
 pattern/utility/grid/reverse.php       | 2 +-
 pattern/utility/grid/stretch-first.php | 6 +++---
 pattern/utility/grid/stretch-last.php  | 6 +++---
 5 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/pattern/component/toggle-icon/base.php b/pattern/component/toggle-icon/base.php
index e1cf6b0d..cf89eec5 100644
--- a/pattern/component/toggle-icon/base.php
+++ b/pattern/component/toggle-icon/base.php
@@ -1,4 +1,4 @@
-<div class="toggle-icon" data-cc-toggle-action="toggle" data-cc-toggle-target="#demo-toggle-icon-1" id="demo-toggle-icon-1-header">
+<div class="toggle-icon cc-pattern-width-sm" data-cc-toggle-action="toggle" data-cc-toggle-target="#demo-toggle-icon-1" id="demo-toggle-icon-1-header">
     <h4>Toggle Me</h4>
     <span class="toggle-icon__icon"></span>
 </div>
diff --git a/pattern/utility/grid/collapse.php b/pattern/utility/grid/collapse.php
index 3bc3cc72..fa536dfb 100644
--- a/pattern/utility/grid/collapse.php
+++ b/pattern/utility/grid/collapse.php
@@ -1,8 +1,8 @@
-<div class="grid g-collapse">
+<div class="grid g-gutter-x g-collapse">
     <div>
-        <a href="#" class="btn">Cancel</a>
+        <div class="u-block u-fill-neutral-lighter"></div>
     </div>
     <div>
-        <a href="#" class="btn">Ok</a>
+        <div class="u-block u-fill-neutral-lighter"></div>
     </div>
 </div>
diff --git a/pattern/utility/grid/reverse.php b/pattern/utility/grid/reverse.php
index f5cfe78a..669712de 100644
--- a/pattern/utility/grid/reverse.php
+++ b/pattern/utility/grid/reverse.php
@@ -1,4 +1,4 @@
-<div class="grid g-reverse">
+<div class="grid g-gutter-x g-reverse">
     <div class="g-col-xs-3"><div class="u-block u-fill-neutral-lighter">1</div></div>
     <div class="g-col-xs-3"><div class="u-block u-fill-neutral-lighter">2</div></div>
     <div class="g-col-xs-3"><div class="u-block u-fill-neutral-lighter">3</div></div>
diff --git a/pattern/utility/grid/stretch-first.php b/pattern/utility/grid/stretch-first.php
index bf4a97c5..d5463577 100644
--- a/pattern/utility/grid/stretch-first.php
+++ b/pattern/utility/grid/stretch-first.php
@@ -1,8 +1,8 @@
-<div class="grid g-stretch-first">
+<div class="grid g-gutter-x g-stretch-first">
     <div>
-        <a href="#" class="btn">Cancel</a>
+        <div class="u-block u-fill-neutral-lighter"></div>
     </div>
     <div>
-        <a href="#" class="btn">Ok</a>
+        <div class="u-block u-fill-neutral-lighter"></div>
     </div>
 </div>
diff --git a/pattern/utility/grid/stretch-last.php b/pattern/utility/grid/stretch-last.php
index 31609b82..0c1306cc 100644
--- a/pattern/utility/grid/stretch-last.php
+++ b/pattern/utility/grid/stretch-last.php
@@ -1,8 +1,8 @@
-<div class="grid g-stretch-last">
+<div class="grid g-gutter-x g-stretch-last">
     <div>
-        <a href="#" class="btn">Cancel</a>
+        <div class="u-block u-fill-neutral-lighter"></div>
     </div>
     <div>
-        <a href="#" class="btn">Ok</a>
+        <div class="u-block u-fill-neutral-lighter"></div>
     </div>
 </div>