Nicer styling of member add/delete buttons

1 files changed, 23 insertions, 0 deletions

diff --git a/public/styles.css b/public/styles.css
index a6c3f46..7cfb54a 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -10,6 +10,11 @@ label {
     vertical-align: top;
 }
 
+.member-info label {
+  display: inline;
+  text-align: left;
+}
+
 .required:after {
     content: " *";
     color: darkred;
@@ -30,10 +35,28 @@ input[type=text], textarea {
     border-bottom: 1px solid darkslateblue;
     background-color: whitesmoke;
     color: darkslateblue;
+    width: 10cm;
 
     font-size: large;
 }
 
+.member-info input[type=text] {
+  width: 7cm;
+}
+
+.delete-member-button {
+  background-color: #a00;
+  color: white;
+  border: 1px dotted #800;
+  border-radius: 5px;
+}
+
+#add-member-button {
+  background-color: #0a0;
+  border: 1px dotted #080;
+  border-radius: 5px;
+}
+
 .song-info, .member-info {
     padding-left: 1em;
 }