[silva.infrae.contact][emi] Reworked css style.

author:    emi
date:      Fri Oct 11 19:12:22 2013 +0200
revision:  5:6749166da5be in silva.infrae.contact
branch:    
details:   https://hg.infrae.com/silva.infrae.contact?cmd=changeset;node=6749166da5be
modified:  src/silva/infrae/contact/contactform_templates/contactformtemplate.cpt src/silva/infrae/contact/static/contactform.css
added:     
removed:   
log:       Reworked css style.


diffstat:

 src/silva/infrae/contact/contactform_templates/contactformtemplate.cpt |   5 --
 src/silva/infrae/contact/static/contactform.css                        |  20 +++++++--
 2 files changed, 15 insertions(+), 10 deletions(-)

diffs (65 lines):

diff -r 019ed96f95a6 -r 6749166da5be src/silva/infrae/contact/contactform_templates/contactformtemplate.cpt
--- a/src/silva/infrae/contact/contactform_templates/contactformtemplate.cpt	Fri Oct 11 17:05:45 2013 +0200
+++ b/src/silva/infrae/contact/contactform_templates/contactformtemplate.cpt	Fri Oct 11 19:12:22 2013 +0200
@@ -28,11 +28,6 @@
        tal:condition="form.fieldWidgets">
     <div class="field" tal:repeat="widget form.fieldWidgets">
       <br />
-      <tal:description tal:condition="widget.description">
-        <span class="field-description"
-              tal:content="widget.description">
-        </span><br />
-      </tal:description>
       <tal:error tal:define="error widget.error"
                  tal:condition="error">
         <span class="field-error"
diff -r 019ed96f95a6 -r 6749166da5be src/silva/infrae/contact/static/contactform.css
--- a/src/silva/infrae/contact/static/contactform.css	Fri Oct 11 17:05:45 2013 +0200
+++ b/src/silva/infrae/contact/static/contactform.css	Fri Oct 11 19:12:22 2013 +0200
@@ -1,9 +1,10 @@
 #contactus-wrapper {
+    width: 280px;
     color: #fff;
     background: #222;
     padding: 8px;
     border: 2px solid #ddd;
-    margin: 10px 0;
+    margin: 20px 0;
     float: left;
     font-size: 1.2em;
     -moz-box-shadow: 0 0 20px #999;
@@ -14,10 +15,14 @@
     border-radius: 3px;
 }
 
-#contactus-wrapper input,
+#contactus-wrapper .field {
+    width: 95%;
+    margin: 0 5px;
+}
+
 #contactus-wrapper textarea {
-    width: 98%;
-    margin: auto;
+    border: 1px solid #888;
+    resize: vertical;
 }
 
 #contactus-wrapper h3 {
@@ -28,10 +33,15 @@
 }
 
 #contactus-wrapper .actions {
-    margin-top: 1em;
+    margin: 1em 0.65em;
 }
 
 input#contactform-action-contact {
     width: 40%;
 }
 
+#contactus-wrapper .form-status,
+#contactus-wrapper .form-error {
+    margin: 0 0.65em;
+}
+