X-Git-Url: https://git.plutz.net/?a=blobdiff_plain;f=webpoll.css;h=7b1579f7b49ed5f68358e142eb47824f10a254c6;hb=e94b139100f491b261af7e0afda324d708a9d787;hp=b89bc45c17bb4d599e95f1bb09ffd6c5ada265a2;hpb=5238c404a50861cf1dbbe610d2c4977c048d3b12;p=webpoll

diff --git a/webpoll.css b/webpoll.css
index b89bc45..7b1579f 100644
--- a/webpoll.css
+++ b/webpoll.css
@@ -22,24 +22,33 @@ body.poll form {
   text-align: center;
   max-width: 95%;
 }
-body.poll .description {
-  text-align: left;
+body section {
   max-width: 50em;
-  padding: 1pt 1em 1em 1em;
-  margin: auto;
-  margin-bottom: 1em;
+  padding: 1em;
+  margin: 1em auto;
   background-color: rgba(255,255,255,.5);
+  word-wrap: break-word;
+}
+body.poll .description {
+  margin-top: 0;
+  text-align: left;
 }
 body.poll .description .title {
+  margin-top: 0;
   text-align: center;
 }
 body.poll table {
+  display: block;
+  max-width 100%;
+  overflow-x: auto;
+
   background-color: rgba(255,255,255,.5);
   border-collapse: collapse;
   margin: auto;
   box-shadow: #000 .25em .25em .5em;
   border-radius: 2pt;
 }
+
 body.poll table thead tr.dates th {
   padding: .25em;
 }
@@ -69,7 +78,7 @@ body.poll table tbody tr.votecount td  { padding: .375em .25em;}
 body.poll table tbody tr th.name button[name=delete]  { font-size: .625em; line-height: 1.5em; background-color: #FAA; }
 
 body.poll table tbody tr.new td:first-child  { text-align: right; }
-body.poll table tbody tr.new td input[name=name]  { min-width: 100%; width: 4em; }
+body.poll table tbody tr.new td input[name=name]  { min-width: 100%; width: 8em; }
 
 body.poll table td input[type=radio] { display: none; }
 body.poll table td input[type=radio] + label {
@@ -132,6 +141,7 @@ body.newdate form fieldset.splittimes {
   body.newdate form fieldset.date { padding-right: .75em; }
   body.newdate form fieldset.timeofday,
   body.newdate form fieldset.splittimes { padding-left: .75em; }
+  body.poll table { display: table;}
 }
 
 body.newdate form input[name=title],
@@ -217,3 +227,22 @@ body.newdate form fieldset input.splittimes:checked + *:before { content: '\2713
 body.newdate form .timeofday button[name=splittimes] { margin-top: 1.5em;}
 
 body.newdate form .splittimes p { margin-top: 2em; padding: .5em; background: rgba(255,255,255,.5); }
+
+body.newdate form #delconfirm {
+  margin-left: -6em;
+}
+body.newdate form #delconfirm + label:after {
+  content: '\0A';
+  white-space: pre;
+}
+body.newdate form #delconfirm + label + button {
+  pointer-events: none;
+  color: #AAA;
+  border-color: #AAA;
+}
+body.newdate form #delconfirm:checked + label + button {
+  pointer-events: auto;
+  color: inherit;
+  border-color: inherit;
+  background-color: #FDD;
+}