From 3026b41c4ef1dd618537e12fd7cba15ccec3120d Mon Sep 17 00:00:00 2001
From: leigh-mil <leigh-ctr@friends.dds.mil>
Date: Thu, 15 Aug 2019 14:16:19 -0400
Subject: [PATCH] Move app name and description to their own line

---
 styles/elements/_inputs.scss                    | 4 ++++
 templates/portfolios/applications/settings.html | 8 ++++----
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/styles/elements/_inputs.scss b/styles/elements/_inputs.scss
index 660bef04..2845fe43 100644
--- a/styles/elements/_inputs.scss
+++ b/styles/elements/_inputs.scss
@@ -98,6 +98,10 @@
       cursor: default;
       margin: 0 0 0 ($gap / 2);
     }
+
+    &__view-only {
+      margin: 0;
+    }
   }
 
   &__help {
diff --git a/templates/portfolios/applications/settings.html b/templates/portfolios/applications/settings.html
index b9bea61f..42c494ad 100644
--- a/templates/portfolios/applications/settings.html
+++ b/templates/portfolios/applications/settings.html
@@ -56,18 +56,18 @@
         </p>
         <div class="form-row">
           <div class="form-col">
-            <div class="usa-input usa-input__title">
+            <div class="usa-input usa-input__title__view-only">
               {{ application_form.name.label() }}
-              {{ application_form.name.data }}
             </div>
+            {{ application_form.name.data }}
           </div>
         </div>
         <div class="form-row">
           <div class="form-col">
-            <div class="usa-input usa-input__title">
+            <div class="usa-input usa-input__title__view-only">
               {{ application_form.description.label() }}
-              {{ application_form.description.data }}
             </div>
+            {{ application_form.description.data }}
           </div>
         </div>
       </div>