Fix note styling so they will wrap around page contents.

chrome/common/extensions/docs/static/sass/_html.scss

 //-----------------------------------------------------------------------
 // General Elements
 //-----------------------------------------------------------------------
 
 figure {
   margin: $default-padding 0;
   img {
     border: $default-border;
   }
 }
@@ skipping 206 matching lines @@
 }
 
 p, div, aside {
   &.note,
   &.caution,
   &.warning {
     background-color: $gray-light;
     border-bottom: 1px solid;
     border-top: 1px solid;
     overflow: hidden;
-    width: 85%;
+    max-width: 85%;
     padding: 1em;
     //border: none;
     //box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15), 0 0 3px rgba(0, 0, 0, 0.15);
 
   }
   &.note {
     border-color: #36C;
   }
   &.caution {
     border-color: #FC3;
@@ skipping 382 matching lines @@
 
   .capitalize:first-letter {
     text-transform: uppercase;
   }
 }
 
 .optional {
   color: #7D7D7D;
 }
 */