Responsive with initial-scale:1.0

[astakos] / snf-astakos-app / astakos / im / static / im / css / forms.css

diff --git a/snf-astakos-app/astakos/im/static/im/css/forms.css b/snf-astakos-app/astakos/im/static/im/css/forms.css
index cca4a1a..aae5aea 100644 (file)
--- a/snf-astakos-app/astakos/im/static/im/css/forms.css
+++ b/snf-astakos-app/astakos/im/static/im/css/forms.css
@@ -85,7 +85,8 @@ form input[readonly=true]                                     { /*background-color: #ddd;*/ color: #5e5e5e; }
 form.innerlabels .with-checkbox .checkbox-widget       { margin-top:15px; }\r
 form.innerlabels .with-checkbox .checkbox-label                { left:2.5em; top:17px; }\r
 \r
-form .extra-img                                                                { display:block; width:21px; height:21px; overflow:hidden;  position:absolute; left:440px;top:10px; z-index:101;}\r
+form .extra-img                                                                { display:block; width:21px; height:21px; overflow:hidden;  position:absolute; left:440px; bottom:10px; z-index:101;}\r
+form .with-checkbox .extra-img                         { top:20px; } \r
 form .with-errors .extra-img                           { background:url(../images/symbols.png) no-repeat -58px -3px;}\r
 form .with-errors textarea+.extra-img,\r
 form .with-errors noscript+.extra-img          { background:transparent;}\r
@@ -95,5 +96,9 @@ form.innerlabels .with-errors .extra-img      { left:290px;}
 form input[readonly="True"]+ span.extra-img { background:url(../images/symbols.png) no-repeat -111px -3px;}\r
 .errorlist                                                                     { margin:0; padding:0;}\r
 .errorlist li                                                          { list-style:none outside;}\r
+ \r
+@media screen and (max-width : 583px)          { \r
+    form .extra-img    { left:222px; }\r
+    .form-error                { margin-left:0!important; } \r
 \r
-\r
+}
\ No newline at end of file