diff web/css/dottes.css @ 630:eb1392fd0b76

More CSS tweaks.
author Jim Hague <jim.hague@acm.org>
date Sun, 06 Nov 2016 21:42:04 +0000
parents 37a9b621b5a6
children 7a64aeaaa294
line wrap: on
line diff
--- a/web/css/dottes.css	Sun Nov 06 21:01:56 2016 +0000
+++ b/web/css/dottes.css	Sun Nov 06 21:42:04 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
@@ -87,19 +81,17 @@
     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 @@
 {
     display: table-cell;
     vertical-align: middle;
+    padding: 5px;
 }
 
 div.dottes-transpose-instrument-name
@@ -131,7 +124,6 @@
 
 div.dottes-tune-display
 {
-    margin: 10px;
 }
 
 div.dottes-tune-header
@@ -225,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
@@ -319,6 +314,7 @@
 {
     list-style-type: none;
     margin: 0px;
+    padding: 0px;
 }
 
 ul.tune-data-list li