aff564d47a260a19cd8acf99a8198df523974e8e
kate
  Wed Feb 1 16:10:23 2017 -0800
Add class for small images used for symbols, etc. embedded in text, donnak request #69 from RM. refs #18504

diff --git src/hg/htdocs/template.html src/hg/htdocs/template.html
index ca7dd32..bcaec06 100755
--- src/hg/htdocs/template.html
+++ src/hg/htdocs/template.html
@@ -154,27 +154,31 @@
 bash browserSetup.sh install</code></pre>
 
 <p>
 And here is some text with a <code>bit of code</code> embedded (just the 'code' tag)..
 </p>
 
   </div> <!-- end column -->
 </div>   <!-- end row -->
 
 <h2>Section with a picture and caption</h2>
 <p>
 Use the 'img' tag to include the picture file, which is typically in .jpg or .png format.
 Images should normally have their 'width' and 'height' attributes set in the 'img' lement.
 To right-align the image add the 'gbsAlignRight' class.
 The caption is a 'p' element, which is assigned the 'gbsCaption' class.
+In the special case where an image is used as a character/symbol embedded inline in
+a paragraph, add the class 'gbsInlineImg' to the image tag, i.e. here's the wrench (
+<img class="gbsInlineImg" src="images/wrench.png">
+).
 </p>
 <div class="row">
   <div class="col-md-12">
       <img src= "images/gbstaff16.jpg" width=499 height=299 alt="Genome Browser staff">
     <p class="gbsCaption">
     Browser staff in native habitat.
     </p>
   </div>
 </div>
 
 <!--#include virtual="$ROOT/inc/gbPageEnd.html" -->