Condense layout a little more

We reduce some of the default percentages in Skeleton web-framework
to present a more condensed layout.

Author: ross-spencer

static/about.htm

@@ -1,5 +1,5 @@
 <div id="About" class="tab" style="display:none">
-  <h2>About</h2>
+  <h4>About</h4>
   <p>
   PRONOM signature development utility 2.0. replaces
   <a target="_blank" href="http://exponentialdecay.co.uk/sd/index.htm">1.0</a>.
@@ -10,7 +10,7 @@ <h2>About</h2>
   </a> for ideas on how to contribute and to see the potential roadmap for this
   tool.
   <br/>
-  <h4>Other resources</h4>
+  <h5>Other resources</h5>
   <ul>
     <li>
       <a target="_blank" href="https://www.nationalarchives.gov.uk/PRONOM/Default.aspx">

static/css/skeleton.css

@@ -31,7 +31,7 @@
 .container {
   position: relative;
   width: 100%;
-  max-width: 750px;
+  max-width: 725px;
   margin: 0 auto;
   padding: 0 20px;
   box-sizing: border-box; }
@@ -119,7 +119,7 @@
 html is set to 62.5% so that all the REM measurements throughout Skeleton
 are based on 10px sizing. So basically 1.5rem = 15px :) */
 html {
-  font-size: 62.5%; }
+  font-size: 58.5%; }
 body {
   font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
   line-height: 1.6;
@@ -171,13 +171,13 @@ input[type="submit"],
 input[type="reset"],
 input[type="button"] {
   display: inline-block;
-  height: 38px;
-  padding: 0 30px;
+  height: 36px;
+  padding: 0 31px;
   color: #555;
   text-align: center;
-  font-size: 11px;
+  font-size: 10px;
   font-weight: 600;
-  line-height: 38px;
+  line-height: 36px;
   letter-spacing: .1rem;
   text-transform: uppercase;
   text-decoration: none;

static/guide.htm

@@ -23,22 +23,25 @@ <h5>Siegfried</h5>
    <br/><br/>
    <pre class="nospace">$ roy build -droid {{your-signature-file-name}}.xml \
     -noreports \
-    -container {{your-container-signature-file-name}}.xml</pre>.
+    -container {{your-container-signature-file-name}}.xml</pre>
+
+   <br/>
+
    <h5>A brief note about container signatures</h5>
    If you are developing a container signature for a format already recorded in
    PRONOM you only need to worry about creating and using a container signature
    file from this utility. It is only for novel formats you may consider writing
    a standard signature file too.
    <br/><br/>
-   <h3>Syntax</h3>
-   <h4>Container signatures</h4>
+   <h4>Syntax</h4>
+   <h5>Container signatures</h5>
    More information on <a target="_blank" href="https://openpreservation.org/blogs/droid-container-signature-files-what-they-are-and-how-to-create-them-a-template-and-an-example-or-few/">
      DROID container signatures.
    </a>
    <br/>
    Additional <a target="_blank" href="https://github.com/digital-preservation/droid/blob/de8fca984c1ba2f6487579b7dc2e41136cf56fae/Signature%20syntax.md">container signature syntax.</a>
    <br/><br/>
-   <h4>Standard signatures</h4>
+   <h5>Standard signatures</h5>
    More information on DROID signatures and their syntax:
    <br/><br/>
    <p>
@@ -65,7 +68,7 @@ <h4>Standard signatures</h4>
    The value of the byte sequence is defined as a sequence of
    hexadecimal values, optionally incorporating any of the following
    regular expressions:
-   <br/><br/>
+   <br/>
 
    <dl>
 

static/index.html

@@ -43,7 +43,7 @@ <h1 class="title">Signature development utility: 2.0</h1>
     </div>
 
     <div class="row">
-      <div class="twelve columns" style="margin-top: 5%">
+      <div class="twelve columns" style="margin-top: 3%">
         <ul class="tab-nav">
           <li>
             <a class="button tablink tab-color" onclick="openTab(event, 'Standard signatures')">Standard signatures</a>