Change layout of song subform.

1 files changed, 25 insertions, 8 deletions

diff --git a/public/styles.css b/public/styles.css
index 7cfb54a..edad5fa 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -10,7 +10,8 @@ label {
     vertical-align: top;
 }
 
-.member-info label {
+.member-info label,
+.song-info label {
   display: inline;
   text-align: left;
 }
@@ -21,7 +22,8 @@ label {
     vertical-align: top;
 }
 
-input[type=text] {
+input[type=text],
+input[type=time] {
     border: 0;
 }
 
@@ -31,27 +33,42 @@ textarea {
     margin-bottom: 5px;
 }
 
-input[type=text], textarea {
+input[type=text], input[type=time], textarea {
     border-bottom: 1px solid darkslateblue;
     background-color: whitesmoke;
     color: darkslateblue;
-    width: 10cm;
-
     font-size: large;
 }
 
-.member-info input[type=text] {
+input[type=text], textarea {
+  width: 10cm;
+}
+
+.member-info input[type=text],
+.song-info input[type=text] {
   width: 7cm;
 }
 
-.delete-member-button {
+.song-details label {
+  display: inline-block;
+  text-align: right;
+}
+
+.song-details {
+  margin-left: 1cm;
+  margin-top: 2mm;
+}
+
+.delete-member-button,
+.delete-song {
   background-color: #a00;
   color: white;
   border: 1px dotted #800;
   border-radius: 5px;
 }
 
-#add-member-button {
+#add-member-button,
+#add-song-button {
   background-color: #0a0;
   border: 1px dotted #080;
   border-radius: 5px;