Style error messaging.

4 files changed, 17 insertions, 1 deletions

diff --git a/app/assets/stylesheets/custom.css.scss b/app/assets/stylesheets/custom.css.scss
index 5aa1d06..7d67e79 100644
--- a/app/assets/stylesheets/custom.css.scss
+++ b/app/assets/stylesheets/custom.css.scss
@@ -69,6 +69,7 @@ a{
 }
 
 #new_sign_up{
+  position: relative;
   label{
     font-style: italic;
     font-weight: 200;
diff --git a/app/assets/stylesheets/forms.css.scss b/app/assets/stylesheets/forms.css.scss
index 23ad0c8..96d50be 100644
--- a/app/assets/stylesheets/forms.css.scss
+++ b/app/assets/stylesheets/forms.css.scss
@@ -45,3 +45,17 @@ input[type="submit"][disabled] {
   background-color: #8BC980;
   *background-color: #003bb3;
 }
+
+
+#error_explanation{
+  position: absolute;
+  bottom: -10px;
+
+  ul{
+    margin: 0;
+    li{
+      list-style-type: none;
+      color: $red;
+    }
+  }
+}
diff --git a/app/assets/stylesheets/media-queries.css.scss b/app/assets/stylesheets/media-queries.css.scss
index 14b913a..de3348a 100644
--- a/app/assets/stylesheets/media-queries.css.scss
+++ b/app/assets/stylesheets/media-queries.css.scss
@@ -3,7 +3,7 @@
   .container { min-height: 600px; }
 }
 
-@media (min-width: 979px) and (orientation: landscape) {
+@media (max-width: 979px) and (orientation: landscape) {
   h1#logo { float: none; }
   #new_sign_up{
     .field{
diff --git a/app/assets/stylesheets/settings.css.scss b/app/assets/stylesheets/settings.css.scss
index 55f1506..2bb1e16 100644
--- a/app/assets/stylesheets/settings.css.scss
+++ b/app/assets/stylesheets/settings.css.scss
@@ -3,3 +3,4 @@ $blue: #719ad0;
 $green: #8bc980;
 $orange: #e17a26;
 $lightgreen: #B1DBAA;
+$red: #cc0000;