formset for separate times

[webpoll] / webpoll.css

diff --git a/webpoll.css b/webpoll.css
index 5803ec68202c9f64c20d52efc823f742a1508fe5..6473a1456fe4cf79dcd53f756967144a02d9bf0d 100644 (file)
--- a/webpoll.css
+++ b/webpoll.css
@@ -10,9 +10,11 @@ body.newdate form {
   max-width: 100%;
 }
 body.newdate form fieldset.date,
-body.newdate form fieldset.timeofday {
+body.newdate form fieldset.timeofday,
+body.newdate form fieldset.splittimes {
   display: inline-block;
   vertical-align: top;
+  margin: .5em 0 1em 0;
 }
 
 body.newdate form { width: 24em; }
@@ -21,7 +23,8 @@ body.newdate form textarea[name=description] {
   width: 100%;
 }
 body.newdate form fieldset.date,
-body.newdate form fieldset.timeofday {
+body.newdate form fieldset.timeofday,
+body.newdate form fieldset.splittimes {
   width: 100%;
 }
 
@@ -32,7 +35,8 @@ body.newdate form fieldset.timeofday {
     width: 100%;
   }
   body.newdate form fieldset.date,
-  body.newdate form fieldset.timeofday {
+  body.newdate form fieldset.timeofday,
+  body.newdate form fieldset.splittimes {
     width: 49.5%; width: calc(50% - .375ex);
   }
 }
@@ -81,17 +85,22 @@ body.newdate form .timeofday label.todend {
   font-size: .75em;
   width: 49%; width: calc(50% - .5ex);
 }
-body.newdate form .timeofday > input[name=todstart],
-body.newdate form .timeofday > input[name=todend] {
+body.newdate form fieldset > input[name^=todstart],
+body.newdate form fieldset > input[name^=todend] {
   display: inline-block;
   margin: 0;
   width: 49%; width: calc(50% - .5ex);
   text-align: right;
 }
-body.newdate form .timeofday > input[name=todend] {
-  width: 40%; width: calc(50% - 4.375ex);
+body.newdate form fieldset > input[name^=todend] {
+  width: 40%; widtfieldset% - 4.375ex);
 }
 
-body.newdate form .timeofday button[name=addtime] {
+body.newdate form fieldset button[name^=addtime] {
   width: 100%;
 }
+
+body.newdate form .timeofday input.splittimes,
+body.newdate form .splittimes input.splittimes { width: 1.5em; height: 1.5em; }
+body.newdate form .timeofday button[name=splittimes] { margin-top: 1.5em;}
+