More CSS tweaks.

web/css/dottes.css

@@ -7,8 +7,6 @@ body {
     background-image: url('../img/purple-fabric-background.jpg');
     color: #000000;
     height: auto;
-    padding-top: 0px;
-    padding-bottom: 20px;
     font-family: 'Open Sans', sans-serif;
 }
 
@@ -21,7 +19,6 @@ h1 {
 p
 {
     background: white;
-    margin: 10px;
 }
 
 div.banner
@@ -41,9 +38,6 @@ div.banner
     -moz-border-radius-bottomright: 5px;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
-
-    margin-top: 5px;
-    margin-bottom: 5px;
 }
 
 div.banner img
@@ -87,19 +81,17 @@ div.dottes-body
     margin-top: 5px;
     margin-bottom: 5px;
 
-    padding: 5px;
+    padding: 10px;
 }
 
 div.dottes-body h1
 {
-    margin: 10px;
     text-align: left;
 }
 
 div.dottes-transpose-container
 {
     border: 2px solid grey;
-    margin: 5px;
 }
 
 div.dottes-transpose-instrument
@@ -112,6 +104,7 @@ div.dottes-transpose-instrument-item
 {
     display: table-cell;
     vertical-align: middle;
+    padding: 5px;
 }
 
 div.dottes-transpose-instrument-name
@@ -131,7 +124,6 @@ div.dottes-transpose-tune-types
 
 div.dottes-tune-display
 {
-    margin: 10px;
 }
 
 div.dottes-tune-header
@@ -225,18 +217,21 @@ div.dottes-tune-footer-row
 div.dottes-tune-footer-links
 {
     display: table-cell;
+    vertical-align: middle;
 }
 
 div.dottes-tune-footer-play
 {
     display: table-cell;
     text-align: center;
+    vertical-align: middle;
 }
 
 div.dottes-tune-footer-last
 {
     display: table-cell;
     text-align: right;
+    vertical-align: middle;
 }
 
 div.dottes-tune-learner
@@ -319,6 +314,7 @@ ul.tune-data-list
 {
     list-style-type: none;
     margin: 0px;
+    padding: 0px;
 }
 
 ul.tune-data-list li