Adjustments to the fatnav and sidenav, and other CSS updates

chrome/common/extensions/docs/templates/articles/about_apps.html

Index: chrome/common/extensions/docs/templates/articles/about_apps.html
diff --git a/chrome/common/extensions/docs/templates/articles/about_apps.html b/chrome/common/extensions/docs/templates/articles/about_apps.html
index e2a5b1f2e3c21f965b6745d501b71092186b2fb8..36bffc84248b488dbed5fba4ae3bd027dd3cf168 100644
--- a/chrome/common/extensions/docs/templates/articles/about_apps.html
+++ b/chrome/common/extensions/docs/templates/articles/about_apps.html
@@ -11,9 +11,9 @@ and they have native-like capabilities
 that are much more powerful than those available to web apps.
 </p>
 
-<p>
-<iframe title="YouTube video player" width="610" height="380" src="//www.youtube.com/embed/lBUGTVIJVfM" frameborder="0" allowfullscreen></iframe>
-</p>
+<div class="video-container">
+  <iframe title="YouTube video player" width="610" height="380" src="//www.youtube.com/embed/lBUGTVIJVfM" frameborder="0" allowfullscreen></iframe>
+</div>
 
 <p>
 Chrome Apps have access to Chrome APIs and services not available to
@@ -23,9 +23,9 @@ examples:
 </p>
 
 <ul>
-	<li>Shells (VMWare, Citrix, SSH, RDP or VNC clients)</li>
-	<li>Music/video streaming</li>
-	<li>Photo/video/music editing</li>
+  <li>Shells (VMWare, Citrix, SSH, RDP or VNC clients)</li>
+  <li>Music/video streaming</li>
+  <li>Photo/video/music editing</li>
 </ul>
 
 <p>
@@ -50,11 +50,8 @@ When launched, Chrome Apps can open in windows
 that look like this (and you can style
 your windows in all different ways):
 </p>
-<br>
 
 <img src="{{static}}/images/editor.png"
-     width="770"
-     height="586"
      alt="Text editor Chrome App in a standalone window">
 
 <h2 id="behave">How they behave</h2>
@@ -96,24 +93,24 @@ To learn more about how to develop Chrome Apps:
 </p>
 
 <ul>
-	<li>
-		<a href="app_architecture">Understanding the Architecture</a>
-		introduces the app container, programming, and security models.
-	</li>
-	<li>
-		<a href="app_lifecycle">The Fundamentals</a>
-		shows how to use this architecture and how to build
-		for offline, manage data, and embed external content.
-	</li>
-	<li>
-		<a href="app_network">Advanced Technologies</a>
-		shows how to use the powerful network and hardware APIs.
-	</li>
-	<li>
-		<a href="app_deprecated">Disabled Features</a>
-		describes the web features that have been disabled
-		and what to use in their place, where relevant.
-	</li>
+  <li>
+    <a href="app_architecture">Understanding the Architecture</a>
+    introduces the app container, programming, and security models.
+  </li>
+  <li>
+    <a href="app_lifecycle">The Fundamentals</a>
+    shows how to use this architecture and how to build
+    for offline, manage data, and embed external content.
+  </li>
+  <li>
+    <a href="app_network">Advanced Technologies</a>
+    shows how to use the powerful network and hardware APIs.
+  </li>
+  <li>
+    <a href="app_deprecated">Disabled Features</a>
+    describes the web features that have been disabled
+    and what to use in their place, where relevant.
+  </li>
 </ul>
 
 <p class="backtotop"><a href="#top">Back to top</a></p>