1 files changed, 53 insertions, 30 deletions

diff --git a/papillon/static/styles.css b/papillon/static/styles.css
index c918596..1b8ae7d 100644
--- a/papillon/static/styles.css
+++ b/papillon/static/styles.css
@@ -17,6 +17,22 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 See the file COPYING for details.
 */
 
+@media only screen and (max-width: 600px){
+    #main{
+        width:100% !important;
+        background:white !important;
+        border:0px !important;
+    }
+    
+    .new_poll{
+        width:100% !important;
+    }
+    .new_poll *{
+        padding:0 !important;
+        margin:0!important;
+    }
+}
+
 /* colors */
 
 body, #poll th, .highlight{
@@ -123,10 +139,11 @@ border:0;
 #main{
 background-color:white;
 border:1px solid;
-margin:20px;
+margin:auto;
 background-image: url(bg.jpg);
 background-repeat:no-repeat;
 background-position:95% 10%;
+width: 80%;
 }
 
 #header{
@@ -158,24 +175,46 @@ color:blue;
 }
 
 .new_poll{
-width:600px;
+    width:400px;
+    margin:auto;
+    padding:0;
+}
+
+.help_button{
+    float:right;
+    color:white;
+    background:green;
+    width:15px;
+    height:15px;
+    border-radius:25px;
+    text-align:center;
 }
 
-.new_poll input{
-width:160px;
+.field_label{
+    clear:both;
+    font-size:1.5em;
+    width:100%;
+    float:none !important;
+    margin-top:10px;
 }
 
-.new_poll .submit{
-width:auto;
+.new_poll table form tr {
+    margin:5px 0px !important;
+    padding:0px;
 }
 
-.new_poll input.limit{
-width:20px;
+.new_poll div, .new_poll input, .new_poll textarea, .new_poll table{
+    width:100%;
+    margin:5px 0px;
 }
 
-.new_poll textarea{
-width:160px;
-height:100px;
+.new_poll div {
+    float:left;
+}
+
+.errorlist, .error{
+    color:red;
+    background-color:rgb(255,200,200);
 }
 
 .datetime a img{
@@ -217,6 +256,7 @@ float:left;
 
 #poll{
 text-align:center;
+margin:auto;
 }
 
 #poll a{
@@ -274,7 +314,7 @@ color:white;
 }
 
 .footnote{
-font-size:10px;
+font-size:0.9em;
 padding:10px;
 }
 
@@ -295,7 +335,7 @@ padding:2px;
 }
 
 
-.comments ul{
+ul.comments{
 list-style-type:None;
 margin:4px;
 padding:0;
@@ -312,23 +352,6 @@ margin:0;
 padding:0;
 }
 
-.comments input{
-width:160px;
-}
-
-.comments textarea{
-width:160px;
-height:100px;
-}
-
-.comments #tdsubmit{
-text-align:center;
-}
-
-.comments .submit{
-width:auto;
-}
-
 
 /* CALENDARS & CLOCKS IMPORTED FROM ADMIN */