From 54a01c1aa14ddb88c66e2543445b07a06474f805 Mon Sep 17 00:00:00 2001
From: "max.mehl" <max.mehl@fsfe.org>
Date: Mon, 4 Sep 2017 22:23:06 +0200
Subject: [PATCH] improve form CSS

---
 site/layouts/partials/action.html |  1 +
 site/static/css/custom.css        | 23 +++++++++++++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/site/layouts/partials/action.html b/site/layouts/partials/action.html
index 1dc820d..212b72d 100644
--- a/site/layouts/partials/action.html
+++ b/site/layouts/partials/action.html
@@ -16,6 +16,7 @@
                   <label class="sign-input form-em">
                     <input name="confirm" placeholder="{{ .Site.Params.action.formEmail }}" type="email" required />
                   </label>
+                  <br />
                   <label class="sign-input form-cn">
                     <select name="country">
                       <option value="">{{ .Site.Params.action.formCountry }}</option>
diff --git a/site/static/css/custom.css b/site/static/css/custom.css
index 98fe6ce..99af1e2 100644
--- a/site/static/css/custom.css
+++ b/site/static/css/custom.css
@@ -139,6 +139,15 @@ blockquote p {
 .sign-input.form-co input {
   width: 554px;
 }
+@media screen and (max-width:586px) {
+  .sign-input.form-co input {
+    max-width: 100%;
+  }
+  label.sign-input.form-co {
+    max-width: 80%;
+    min-width: 270px;
+  }
+}
 .form-na:before {
   content: "\f2c3";
 }
@@ -147,6 +156,7 @@ blockquote p {
 }
 .form-cn select {
   padding-left: 30px !important;
+  background-color: #2597B5;
 }
 .form-cn:before {
   content: "\f041";
@@ -171,6 +181,19 @@ p.form-pe a {
 #honey {
   display: none;
 }
+::-webkit-input-placeholder { /* WebKit, Blink, Edge */
+  color:    #98CEDC;
+}
+::-moz-placeholder { /* Mozilla Firefox 19+ */
+ color:    #98CEDC;
+ opacity:  1;
+}
+:-ms-input-placeholder { /* Internet Explorer 10-11 */
+ color:    #98CEDC;
+}
+::-ms-input-placeholder { /* Microsoft Edge */
+ color:    #98CEDC;
+}
 
 /* SIGNATURE TABLE */
 table#sigtable {