From a60bd65887e8ea39b2b02035cad7829fa64c1b83 Mon Sep 17 00:00:00 2001
From: Linda <lifaythegoblin@googlemail.com>
Date: Wed, 12 Sep 2018 17:28:27 -0400
Subject: [PATCH] positioning of alert field incomplete

---
 src/views/preview/preview.scss | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/views/preview/preview.scss b/src/views/preview/preview.scss
index 2682d9f66..fd3262a53 100644
--- a/src/views/preview/preview.scss
+++ b/src/views/preview/preview.scss
@@ -29,7 +29,7 @@ $stage-width: 480px;
         &.has-error {
 
             .validation-message {
-                transform: translate(22rem, 0);
+                right: 0;
             }
         }
 
@@ -84,9 +84,7 @@ $stage-width: 480px;
         $arrow-border-width: 1rem;
         display: block;
         position: absolute;
-        top: 0;
-        left: 0;
-        margin-left: $arrow-border-width;
+        margin-top: $arrow-border-width;
         border: 1px solid $active-gray;
         border-radius: 5px;
         background-color: $ui-orange;
@@ -96,6 +94,7 @@ $stage-width: 480px;
         overflow: visible;
         color: $type-white;
         font-size: 1rem;
+        z-index: 1;
 
         &:before {
             display: block;
@@ -103,7 +102,7 @@ $stage-width: 480px;
             top: 1rem;
             left: -$arrow-border-width / 2;
 
-            transform: rotate(45deg);
+            transform: rotate(135deg);
 
             border-bottom: 1px solid $active-gray;
             border-left: 1px solid $active-gray;
@@ -458,7 +457,7 @@ $stage-width: 480px;
             content: "";
         }
     }
-    
+
     .studio-button {
         &:before {
             background-image: url("/svgs/project/studio-add-white.svg");