From bde17fe7155b5b89212fd4b85385bf8fd5570a69 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Paul=20H=C3=A4nsch?= <paul@plutz.net>
Date: Sun, 25 Jul 2021 22:17:39 +0200
Subject: [PATCH] larger calendar, splittime checkbox working in firefox

---
 webpoll.css | 34 +++++++++++++++++++++++++++-------
 1 file changed, 27 insertions(+), 7 deletions(-)

diff --git a/webpoll.css b/webpoll.css
index 6473a14..c0293a1 100644
--- a/webpoll.css
+++ b/webpoll.css
@@ -51,29 +51,36 @@ body.newdate form textarea[name=description] {
 }
 
 body.newdate form .date button[name=month] {
+  position: absolute;
   display: inline-block;
   padding: 0;
-  height: 3.25em;
+  -height: 3.25em;
+  height: 2.375em;
   width: 2em; width: calc(50% - 9em);
-  vertical-align: middle;
+  -vertical-align: middle;
   color: transparent;
   overflow: hidden;
   border: none;
+  z-index: 1;
+  background-color: transparent;
 }
 body.newdate form .date button[name=month]:before {
   display: block;
   content: '<';
-  font-size: 2em;
+  font-size: 1.75em;
   font-weight: bold;
-  margin-top: .375em;
+  -margin-top: .375em;
+  margin-top: .25em;
   color: #666;
 }
+body.newdate form .date table + button[name=month] { right: 0; }
 body.newdate form .date table + button[name=month]:before {
   content: '>';
 }
 
 body.newdate form .date table.calendar {
-  vertical-align: middle;
+  font-size: 17.5pt;
+  -vertical-align: middle;
 }
 
 body.newdate form .timeofday label.todstart,
@@ -100,7 +107,20 @@ 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 fieldset input.splittimes { display: none;}
+body.newdate form fieldset input.splittimes + * { left: 12pt; }
+body.newdate form fieldset input.splittimes + *:before {
+  position: absolute;
+  width: 16pt; height: 16pt;
+  left: -24pt;
+  content: '';
+  text-align: center;
+  font-weight: bold;
+  font-size: 1.75em;
+  border: 1pt solid;
+  border-radius: .25ex;
+  background-color: #FFF;
+}
+body.newdate form fieldset input.splittimes:checked + *:before { content: '\2713'; background-color: #6AF;}
 body.newdate form .timeofday button[name=splittimes] { margin-top: 1.5em;}
 
-- 
2.39.2