From 8c6b9c8fda3ee96fe0234a75401c68d2638741f2 Mon Sep 17 00:00:00 2001
From: Jim Hague <jim.hague@acm.org>
Date: Sun, 6 Nov 2016 21:01:56 +0000
Subject: [PATCH] Tidy main page and rename transpose container. Adjust CSS for
 main page.

---
 web/css/dottes.css |  7 +++++--
 web/index.html     | 26 ++++++++++++++------------
 2 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/web/css/dottes.css b/web/css/dottes.css
index bd36b5b..1fcaaa5 100644
--- a/web/css/dottes.css
+++ b/web/css/dottes.css
@@ -69,6 +69,7 @@ div.banner h1
 div.dottes-body
 {
     background-color: white;
+
     -webkit-border-top-left-radius: 5px;
     -webkit-border-top-right-radius: 5px;
     -moz-border-radius-topleft: 5px;
@@ -85,6 +86,8 @@ div.dottes-body
 
     margin-top: 5px;
     margin-bottom: 5px;
+
+    padding: 5px;
 }
 
 div.dottes-body h1
@@ -93,10 +96,10 @@ div.dottes-body h1
     text-align: left;
 }
 
-div.dottes-container
+div.dottes-transpose-container
 {
     border: 2px solid grey;
-    margin: 10px;
+    margin: 5px;
 }
 
 div.dottes-transpose-instrument
diff --git a/web/index.html b/web/index.html
index ac60fa8..43a7b6e 100644
--- a/web/index.html
+++ b/web/index.html
@@ -42,8 +42,8 @@
         music scene, and therefore there is at least tacit approval by
         the authors for their dissemination. If this is not the case,
         please contact me at the address below and I will remove the
-        offending tune.
-      <div class="dottes-container">
+        offending tune.</p>
+      <div class="dottes-transpose-container">
         <div class="dottes-transpose-instrument">
           <div class="dottes-transpose-instrument-item dottes-transpose-instrument-name">
             <h1>Tunes</h1>
@@ -65,7 +65,7 @@
     <div class="dottes-body">
       <h1>But my instrument isn't suited for treble clef concert pitch!</h1>
       <p>Of course, not all instruments are suited to playing music written
-        in concert pitch in the treble clef.
+        in concert pitch in the treble clef.</p>
       <p>To help those with such instruments get started, I've done some
         simple transpositions for requested instruments. These are
         <strong>not</strong> proper arrangements; I lack the time and the
@@ -74,14 +74,14 @@
         simple method.
       <p>I hope you find them useful.</p>
 
-      <div class="dottes-container">
+      <div class="dottes-transpose-container">
         <div class="dottes-transpose-instrument">
           <div class="dottes-transpose-instrument-item dottes-transpose-instrument-name">
             <h1>Cello</h1>
           </div>
           <div class="dottes-transpose-instrument-item dottes-transpose-how">
             <p>Transpose down one or two octaves depending on the range in the
-              tune, and use the bass clef.
+              tune, and use the bass clef.</p>
           </div>
           <div class="dottes-transpose-instrument-item dottes-transpose-tune-types">
             <ul class="tune-type-list">
@@ -92,7 +92,7 @@
           </div>
         </div>
       </div>
-      <div class="dottes-container">
+      <div class="dottes-transpose-container">
         <div class="dottes-transpose-instrument">
           <div class="dottes-transpose-instrument-item dottes-transpose-instrument-name">
             <h1>Horn in F</h1>
@@ -102,7 +102,7 @@
               range in the tune. To avoid scaring less able horn players such
               as myself, the transposed score will prefer going below middle C
               to going above the top G on the stave. Able horn players
-              can transpose in their heads anyway, so don't need this.
+              can transpose in their heads anyway, so don't need this.</p>
           </div>
           <div class="dottes-transpose-instrument-item dottes-transpose-tune-types">
             <ul class="tune-type-list">
@@ -128,17 +128,18 @@
         Paul Hardy's Session Tunebook</a>. Many thanks to Paul for
         licensing it under permissive terms. I have followed his lead
         and used the same <a href="#licencing">licence</a> for the
-        Booke of Dottes.
+        Booke of Dottes.</p>
       <p>One icon on this website is courtesy
         of <a href="www.creativefreedom.co.uk">Creative Freedom</a>.
         Thanks to them.
       <p>Above all, profuse and grateful thanks to all my fellow
-        Havocs, and to Jane. They have supplied the tunes, checked the
-        renditions, and offered corrections and suggestions. Without them,
-        this project couldn't have happened.
+        Havocs, and most especially to Jane. They have supplied the tunes,
+        checked the renditions, and offered corrections and suggestions.
+        Without them, this project couldn't have happened.</p>
     </div>
 
     <div class="dottes-body">
+      <p>
       <a rel="license"
       href="http://creativecommons.org/licenses/by-sa/2.0/uk/deed.en_US">
         <img alt="Creative Commons License" style="border-width:0"
@@ -154,7 +155,8 @@
       is licensed under a
       <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/2.0/uk/">
         Creative Commons Attribution-NonCommercial-ShareAlike 2.0 UK: England &amp; Wales
-      License</a>.
+        License</a>.
+      </p>
     </div>
 
   </div>