From befa5485bb523931a754a0ebcde1bf26057b9853 Mon Sep 17 00:00:00 2001
From: Linda <lifaythegoblin@googlemail.com>
Date: Thu, 23 Aug 2018 14:31:44 -0400
Subject: [PATCH] some ordering of css stuff fixed

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

diff --git a/src/views/preview/preview.scss b/src/views/preview/preview.scss
index 9e6c98d1c..e2dbd84f7 100644
--- a/src/views/preview/preview.scss
+++ b/src/views/preview/preview.scss
@@ -44,11 +44,11 @@ $stage-width: 480px;
 
     .project-header {
         margin-right: 2rem;
+        width: 65%; /* Setting a width to the header will keep it from flowing over the usual content of the page */
         flex-grow: 1;
         justify-content: flex-start;
         align-items: flex-start;
         flex-wrap: nowrap;
-        width: 65%; /* Setting a width to the header will keep it from flowing over the usual content of the page */
 
         .inplace-input {
             height: calc(3rem - 4px);
@@ -73,13 +73,13 @@ $stage-width: 480px;
 
     .title {
         margin-left: 1rem;
+        width: inherit; /* Inherits the width of whatever this is in. This works well for the preview page and might need to change if used in a different context*/
         text-align: left;
         font-size: .8rem;
         flex-grow: 1;
-        width: inherit; /* Inherits the width of whatever this is in. This works well for the preview page and might need to change if used in a different context*/
     }
 
-    .validation-message { 
+    .validation-message {
         $arrow-border-width: 1rem;
         display: block;
         position: absolute;