02e186f6df7de6db363e2a465f5a825e78023f43
kate
  Tue Dec 20 09:46:09 2016 -0800
Fix font sizes.  Adjust margins for the smaller font sizes. refs #18504

diff --git src/hg/htdocs/template.html src/hg/htdocs/template.html
index c2961d6..78f414a 100755
--- src/hg/htdocs/template.html
+++ src/hg/htdocs/template.html
@@ -23,85 +23,97 @@
 Follow these citation guidelines when using applications from the Genome Browser
 tool suite or data from the UCSC Genome Browser database in a research work that will
 be published in a journal or on the Internet.
 In addition to the relevant paper, please include a reference to the Genome Browser
 website in your manuscript: <a href="index.html" target=_blank>http://genome.ucsc.edu/</a>.
 Be sure to mention the release date of the genome assembly used in your work to faciliate
 the examination of your data by reviewers and the readers.
 Please do <strong>not</strong> include references to our development servers
 (such as genome-test.cse.ucsc.edu) in published links or URLs.
 </p>
 
 <!-- Sections -->
 <!-- In this example, two of same size, so use 6 columns of 12 total in grid -->
 
 <div class="row">
+
+<!-- Left column -->
     <div class="col-md-6">
         <h2>Page section</h2>
         <p>
 This is one of two subsections, formatted as equal-sized columns via the grid layout feature of
 bootstrap.css, a commonly used style sheet.
 The grid contains 12 columns; column widths are specified using classes 'col-md-1' through 'col-md-12'.
 This example contains two divs, each assigned class 'col-md-6', within a 'row' div.
         </p>
+
+<!-- Preformatted code example -->
         <p>
         Here is some code:
         </p>
 <pre><code>sudo -i
 bash browserSetup.sh install</code></pre>
+
+<!-- Numbered list example -->
+        <p>
+        Here is a numbered list ('ol' and 'li' elements):
+        </p>
+        <ol>
+            <li>
+<strong>chrom</strong> - The name of the chromosome (e.g. chr3, chrY, chr2_random) or 
+scaffold (e.g. scaffold10671).
+            </li>
+            <li>
+<strong>chromStart</strong> - The starting position of the feature in the chromosome or scaffold. 
+The first base in a chromosome is numbered 0.
+            </li>
+            <li>
+<strong>chromEnd</strong> - The ending position of the feature in the chromosome or scaffold. 
+The <em>chromEnd</em> base is not included in the display of the feature. 
+For example, the first 100 bases of a chromosome are defined 
+as <em>chromStart=0, chromEnd=100</em>, and span the bases numbered 0-99.
+            </li>
+        </ol>
     </div>
+
+<!-- Right column -->
     <div class="col-md-6">
         <h2>Another section</h2>
         <p>
         Here is a bulleted list ('ul' and 'li' elements):
         </p>
+
+<!-- Bulleted list example -->
         <ul>
             <li>red</li>
             <li>white</li>
             <li>blue</li>
         </ul>
 
         <p>
         Here is a table ('table', 'tr', 'th', and 'td' elements):
         </p>
+
+<!-- Table example -->
         <table>
             <tr>
                 <th>Type</th>
                 <th>Total</th>
             </tr>
             <tr>
                 <td>Chromosomes</td>
                 <td>261</td>
             </tr>
             <tr>
                 <td>Haplotypes</td>
                 <td>261</td>
             </tr>
             <tr>
                 <td>Unlocalized contigs</td>
                 <td>1270</td>
             </tr>
         </table>
 
-        <p>
-        Here is a numbered list ('ol' and 'li' elements):
-        </p>
-        <ol>
-            <li>
-<strong>chrom</strong> - The name of the chromosome (e.g. chr3, chrY, chr2_random) or 
-scaffold (e.g. scaffold10671).
-            </li>
-            <li>
-<strong>chromStart</strong> - The starting position of the feature in the chromosome or scaffold. 
-The first base in a chromosome is numbered 0.
-            </li>
-            <li>
-<strong>chromEnd</strong> - The ending position of the feature in the chromosome or scaffold. 
-The <em>chromEnd</em> base is not included in the display of the feature. 
-For example, the first 100 bases of a chromosome are defined 
-as <em>chromStart=0, chromEnd=100</em>, and span the bases numbered 0-99.
-</li>
-        </ol>
     </div>
 </div>
 
 <!--#include virtual="/gbPageEnd.html"-->