add missing image and move link for layout

Change-Id: I33dff4e2bd48f6eb786a628fb591a9ba7a5cae53
diff --git a/docs/html/design/media/wear/fitness.png b/docs/html/design/media/wear/fitness.png
new file mode 100644
index 0000000..18ae969
--- /dev/null
+++ b/docs/html/design/media/wear/fitness.png
Binary files differ
diff --git a/docs/html/design/wear/structure.jd b/docs/html/design/wear/structure.jd
index f5ed49d..67b218a 100644
--- a/docs/html/design/wear/structure.jd
+++ b/docs/html/design/wear/structure.jd
@@ -97,9 +97,6 @@
 
 <h2 id="Custom">Breaking out of the card (with custom layouts)</h2>
 
-<p>There are some things you can’t do on a card. Swiping in many directions on a map or a joystick are a few examples. In those cases it might be good idea to momentarily go full screen.</p>
-
-
 <a class="notice-developers" href="{@docRoot}training/wearables/apps/index.html">
   <div>
     <h3>Developer Docs</h3>
@@ -107,6 +104,8 @@
   </div>
 </a>
 
+<p>There are some things you can’t do on a card. Swiping in many directions on a map or a joystick are a few examples. In those cases it might be good idea to momentarily go full screen.</p>
+
 <img src="{@docRoot}design/media/wear/customlayout.png" alt="" width="760px" />
 
 <h3>When to go full screen</h3>