--- a/web/css/dottes.css	Sun Nov 06 15:29:26 2016 +0000
+++ b/web/css/dottes.css	Sun Nov 06 21:44:50 2016 +0000
@@ -7,8 +7,6 @@
     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 @@
 p
 {
     background: white;
-    margin: 10px;
 }
 
 div.banner
@@ -41,9 +38,6 @@
     -moz-border-radius-bottomright: 5px;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
-
-    margin-top: 5px;
-    margin-bottom: 5px;
 }
 
 div.banner img
@@ -69,6 +63,7 @@
 div.dottes-body
 {
     background-color: white;
+
     -webkit-border-top-left-radius: 5px;
     -webkit-border-top-right-radius: 5px;
     -moz-border-radius-topleft: 5px;
@@ -85,18 +80,18 @@
 
     margin-top: 5px;
     margin-bottom: 5px;
+
+    padding: 10px;
 }
 
 div.dottes-body h1
 {
-    margin: 10px;
     text-align: left;
 }
 
-div.dottes-container
+div.dottes-transpose-container
 {
     border: 2px solid grey;
-    margin: 10px;
 }
 
 div.dottes-transpose-instrument
@@ -109,6 +104,7 @@
 {
     display: table-cell;
     vertical-align: middle;
+    padding: 5px;
 }
 
 div.dottes-transpose-instrument-name
@@ -128,7 +124,6 @@
 
 div.dottes-tune-display
 {
-    margin: 10px;
 }
 
 div.dottes-tune-header
@@ -222,18 +217,21 @@
 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
@@ -316,6 +314,7 @@
 {
     list-style-type: none;
     margin: 0px;
+    padding: 0px;
 }
 
 ul.tune-data-list li