From 35558bfdbaf66572cbf89e71b0dc3e70e90bb669 Mon Sep 17 00:00:00 2001
From: Linda <lifaythegoblin@googlemail.com>
Date: Thu, 13 Sep 2018 10:49:59 -0400
Subject: [PATCH] fixed linking problems

---
 src/views/preview/preview.scss | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/preview/preview.scss b/src/views/preview/preview.scss
index bff40aa3a..6c6bc556d 100644
--- a/src/views/preview/preview.scss
+++ b/src/views/preview/preview.scss
@@ -86,9 +86,10 @@ $medium-and-small: "screen and (max-width : #{$tablet}-1)";
     }
 
     .validation-message {
-        $arrow-border-width: 1rem;
         display: block;
         position: absolute;
+        z-index: 1;
+        $arrow-border-width: 1rem;
         margin-top: $arrow-border-width;
         border: 1px solid $active-gray;
         border-radius: 5px;
@@ -99,17 +100,16 @@ $medium-and-small: "screen and (max-width : #{$tablet}-1)";
         overflow: visible;
         color: $type-white;
         font-size: 1rem;
-        z-index: 1;
 
         @media #{$medium-and-small} {
-            width: 100%;
             margin-top: calc($arrow-border-width / 2);
+            width: 100%;
         }
 
         &:before {
             display: block;
             position: absolute;
-            top: -0.5rem;
+            top: -.5rem;
             left: calc(50% - calc(#{$arrow-border-width} / 2));
 
             transform: rotate(135deg);