Adjustments to the fatnav and sidenav, and other CSS updates

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

 <meta name="doc-family" content="apps">
 <h1>What Are Chrome Apps?</h1>
 
 <p>
 Chrome Apps deliver an experience as capable as a native app,
 but as safe as a web page.
 Just like web apps,
 Chrome Apps are written in HTML5, JavaScript, and CSS.
 But Chrome Apps look and behave like native apps,
 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>

[mkearney1, 2014/06/03 16:55:05]

Small nit-- remove extra space.

[pearlchen, 2014/06/03 22:52:14]

Looks like this entire document was tabbed using tabs rather than spaces.
Converted in next upload.

On 2014/06/03 16:55:05, mkearney1 wrote:

+</div>
 
 <p>
 Chrome Apps have access to Chrome APIs and services not available to
 traditional web sites. You can build powerful apps that interact with network
 and hardware devices, media tools, and much more. Here's a short list of
 examples:
 </p>
 
 <ul>
         <li>Shells (VMWare, Citrix, SSH, RDP or VNC clients)</li>
@@ skipping 16 matching lines @@
 their focus is specifically on the tasks
 relating to the app.
 Chrome Apps have no traditional chrome:
 the omnibox (address bar), tab strip,
 and other browser interface elements no longer appear.
 Like native apps, they don’t live within the browser.
 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>
 
 <p>
 Chrome App pages always load locally.
 This allows apps to be less dependent on the network.
 Once a user installs an app, they have full control over the app's lifecycle.
 Apps open and close quickly,
 and the system can shut apps down at any time to improve performance.
@@ skipping 42 matching lines @@
                 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>