From 2974522428573a772c82fae6e86fbf535d270e1c Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@users.sourceforge.net>
Date: Thu, 27 Feb 2014 18:48:16 +0200
Subject: [PATCH 1/3] Add image dimensions.

---
 docs/assets/css/docs.css            | 1 +
 docs/examples.html                  | 6 +++---
 docs/examples/app-movies/index.html | 6 +++---
 sass/docs.scss                      | 1 +
 4 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index f3c8b26..4fa2291 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -413,6 +413,7 @@ body {
 .docs-example-group .example-wrap img {
   display: block;
   width: 100%;
+  height: auto;
 }
 
 code {
diff --git a/docs/examples.html b/docs/examples.html
index f116867..45ba7a1 100644
--- a/docs/examples.html
+++ b/docs/examples.html
@@ -26,19 +26,19 @@ title: Examples &middot; Ratchet
       <div class="docs-example-group">
         <div class="example-wrap">
           <a class="example" href="../examples/app-movies" data-ignore="push">
-            <img src="../assets/img/example.png" alt="Movie finder app example">
+            <img src="../assets/img/example.png" alt="Movie finder app example" width="640" height="480">
           </a>
           <h5>Movie finder</h5>
         </div>
         <div class="example-wrap">
           <a class="example" href="../examples/app-ios-mail" data-ignore="push">
-            <img src="../assets/img/example-ios.png" alt="iOS mail app example">
+            <img src="../assets/img/example-ios.png" alt="iOS mail app example" width="640" height="480">
           </a>
           <h5>iOS mail app</h5>
         </div>
         <div class="example-wrap">
           <a class="example" href="../examples/app-android-notes" data-ignore="push">
-            <img src="../assets/img/example-android.png" alt="Android notes app example">
+            <img src="../assets/img/example-android.png" alt="Android notes app example" width="640" height="480">
           </a>
           <h5>Android notes app</h5>
         </div>
diff --git a/docs/examples/app-movies/index.html b/docs/examples/app-movies/index.html
index 98dc833..f160fbc 100644
--- a/docs/examples/app-movies/index.html
+++ b/docs/examples/app-movies/index.html
@@ -28,13 +28,13 @@
       <div class="slider">
         <div class="slide-group">
           <div class="slide">
-            <img src="img/argo.png" alt="Argo">
+            <img src="img/argo.png" alt="Argo" width="640" height="300">
           </div>
           <div class="slide">
-             <img src="img/skyfall.png" alt="Skyfall">
+             <img src="img/skyfall.png" alt="Skyfall" width="640" height="300">
           </div>
           <div class="slide">
-             <img src="img/ralph.png" alt="Wreck-It Ralph">
+             <img src="img/ralph.png" alt="Wreck-It Ralph" width="640" height="300">
           </div>
         </div>
       </div>
diff --git a/sass/docs.scss b/sass/docs.scss
index 7a024eb..f089c3c 100644
--- a/sass/docs.scss
+++ b/sass/docs.scss
@@ -409,6 +409,7 @@ body {
     img {
       display: block;
       width: 100%;
+      height: auto;
     }
   }
 }

From 72e069ac726dff828616f818b677aab51bc95cf2 Mon Sep 17 00:00:00 2001
From: connors <connor.sears@github.com>
Date: Thu, 27 Feb 2014 22:34:18 -0800
Subject: [PATCH 2/3] adjusting the example app css so the sider looks right.

---
 docs/examples/app-movies/css/app.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/examples/app-movies/css/app.css b/docs/examples/app-movies/css/app.css
index 08345cf..3596af9 100644
--- a/docs/examples/app-movies/css/app.css
+++ b/docs/examples/app-movies/css/app.css
@@ -1,7 +1,7 @@
-.slider,
 .slider img {
-  margin-bottom: 0;
+  width: auto;
   height: 150px;
+  margin-bottom: 0;
 }
 .content-padded {
   margin: 30px 15px 15px;

From 7fc73dad01319da95f0a5cac69b0973eae3093a8 Mon Sep 17 00:00:00 2001
From: connors <connor.sears@github.com>
Date: Fri, 28 Feb 2014 06:33:50 -0800
Subject: [PATCH 3/3] margin bottom on parent slider

---
 docs/examples/app-movies/css/app.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/docs/examples/app-movies/css/app.css b/docs/examples/app-movies/css/app.css
index 3596af9..a505979 100644
--- a/docs/examples/app-movies/css/app.css
+++ b/docs/examples/app-movies/css/app.css
@@ -1,7 +1,9 @@
+.slider {
+  margin-bottom: 0;
+}
 .slider img {
   width: auto;
   height: 150px;
-  margin-bottom: 0;
 }
 .content-padded {
   margin: 30px 15px 15px;