From 0f0caba86f4fdd16db3874715b3587d5c5560d19 Mon Sep 17 00:00:00 2001 From: Harald Eilertsen Date: Fri, 30 Oct 2015 12:45:45 +0100 Subject: Change layout of song subform. --- public/styles.css | 33 +++++++++++++++++++++++++-------- 1 file changed, 25 insertions(+), 8 deletions(-) (limited to 'public') 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; -- cgit v1.2.3