From 2d3aa3086b777f359707ed9087d9ab14b186eff4 Mon Sep 17 00:00:00 2001
From: Adam Shaw <arshaw@arshaw.com>
Date: Tue, 22 Jul 2014 00:58:01 -0700
Subject: [PATCH] update demos to be more liquid-width, adapt to new skeleton
 classNames

---
 demos/agenda-views.html | 6 +++---
 demos/basic-views.html  | 6 +++---
 demos/default.html      | 6 +++---
 demos/gcal.html         | 6 +++---
 demos/json.html         | 3 ++-
 demos/languages.html    | 3 ++-
 demos/selectable.html   | 6 +++---
 demos/theme.html        | 6 +++---
 demos/timezones.html    | 5 +++--
 9 files changed, 25 insertions(+), 22 deletions(-)

diff --git a/demos/agenda-views.html b/demos/agenda-views.html
index 3dd27ed..a48b657 100644
--- a/demos/agenda-views.html
+++ b/demos/agenda-views.html
@@ -66,15 +66,15 @@
 <style>
 
 	body {
-		margin: 0;
+		margin: 40px 10px;
 		padding: 0;
 		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
 		font-size: 14px;
 	}
 
 	#calendar {
-		width: 900px;
-		margin: 40px auto;
+		max-width: 900px;
+		margin: 0 auto;
 	}
 
 </style>
diff --git a/demos/basic-views.html b/demos/basic-views.html
index e009595..1db41f4 100644
--- a/demos/basic-views.html
+++ b/demos/basic-views.html
@@ -66,15 +66,15 @@
 <style>
 
 	body {
-		margin: 0;
+		margin: 40px 10px;
 		padding: 0;
 		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
 		font-size: 14px;
 	}
 
 	#calendar {
-		width: 900px;
-		margin: 40px auto;
+		max-width: 900px;
+		margin: 0 auto;
 	}
 
 </style>
diff --git a/demos/default.html b/demos/default.html
index fe6d89e..760f088 100644
--- a/demos/default.html
+++ b/demos/default.html
@@ -61,15 +61,15 @@
 <style>
 
 	body {
-		margin: 0;
+		margin: 40px 10px;
 		padding: 0;
 		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
 		font-size: 14px;
 	}
 
 	#calendar {
-		width: 900px;
-		margin: 40px auto;
+		max-width: 900px;
+		margin: 0 auto;
 	}
 
 </style>
diff --git a/demos/gcal.html b/demos/gcal.html
index c9376ef..0cbf253 100644
--- a/demos/gcal.html
+++ b/demos/gcal.html
@@ -35,7 +35,7 @@
 <style>
 
 	body {
-		margin: 0;
+		margin: 40px 10px;
 		padding: 0;
 		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
 		font-size: 14px;
@@ -49,8 +49,8 @@
 	}
 
 	#calendar {
-		width: 900px;
-		margin: 40px auto;
+		max-width: 900px;
+		margin: 0 auto;
 	}
 
 </style>
diff --git a/demos/json.html b/demos/json.html
index 8725ff7..3df06ee 100644
--- a/demos/json.html
+++ b/demos/json.html
@@ -62,8 +62,9 @@
 	}
 
 	#calendar {
-		width: 900px;
+		max-width: 900px;
 		margin: 40px auto;
+		padding: 0 10px;
 	}
 
 </style>
diff --git a/demos/languages.html b/demos/languages.html
index c31172a..a9a69b5 100644
--- a/demos/languages.html
+++ b/demos/languages.html
@@ -109,8 +109,9 @@
 	}
 
 	#calendar {
-		width: 900px;
+		max-width: 900px;
 		margin: 40px auto;
+		padding: 0 10px;
 	}
 
 </style>
diff --git a/demos/selectable.html b/demos/selectable.html
index d245e97..d314f75 100644
--- a/demos/selectable.html
+++ b/demos/selectable.html
@@ -81,15 +81,15 @@
 <style>
 
 	body {
-		margin: 0;
+		margin: 40px 10px;
 		padding: 0;
 		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
 		font-size: 14px;
 	}
 
 	#calendar {
-		width: 900px;
-		margin: 40px auto;
+		max-width: 900px;
+		margin: 0 auto;
 	}
 
 </style>
diff --git a/demos/theme.html b/demos/theme.html
index ecf1fa0..bde750e 100644
--- a/demos/theme.html
+++ b/demos/theme.html
@@ -68,15 +68,15 @@
 <style>
 
 	body {
-		margin: 0;
+		margin: 40px 10px;
 		padding: 0;
 		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
 		font-size: 14px;
 	}
 
 	#calendar {
-		width: 900px;
-		margin: 40px auto;
+		max-width: 900px;
+		margin: 0 auto;
 	}
 
 </style>
diff --git a/demos/timezones.html b/demos/timezones.html
index d2c4dc9..2a09b84 100644
--- a/demos/timezones.html
+++ b/demos/timezones.html
@@ -52,7 +52,7 @@
 				eventRender: function(event, el) {
 					// render the timezone offset below the event title
 					if (event.start.hasZone()) {
-						el.find('.fc-event-title').after(
+						el.find('.fc-title').after(
 							$('<div class="tzo"/>').text(event.start.format('Z'))
 						);
 					}
@@ -88,8 +88,9 @@
 	#script-warning { font-weight: bold; color: red }
 
 	#calendar {
-		width: 900px;
+		max-width: 900px;
 		margin: 40px auto;
+		padding: 0 10px;
 	}
 
 	.tzo {