BLUEBUTTON-206 Updated authorization view content (#628)

Author: whytheplatypus

templates/design_system/authorize.html

@@ -23,17 +23,27 @@
     <div class="ds-l-col--3">
         {% if not error %}
             <form id="authorizationForm" method="post">
-                <h2 class="block-center-heading">{% trans "Do you approve the application" %} <strong>{{ application.name }}</strong> {% trans "to access your Medicare information?" %}
+                <h2 class="block-center-heading">
+                    {{ application.name }} wants permission to access your Medicare data.
                 </h2>
 
-                <h1>{{ application.name }} WILL BE ABLE TO:</h1>
-                
+                <h3>{{ application.name }} will be able to:</h3>
+
                 <ul class="ds-c-list" aria-labelledby="unordered-list-id">
-                  <li>Access at least 4 years worth of Medicare claims information.</li>
-                  <li>Access your profile and demographic information.</li>
-                  <li>Create copies of your Medicare data.</li>
-                  <li>Get updates to your Medicare data so long as you do not revoke access.</li>
+                    <li>Access your Medicare claims data.</li>
+                    <li>Access your personal details like your name, address, and age.</li>
+                    <li>Store your Medicare data on their systems.</li>
+                    <li>Get updates to your Medicare data unless you revoke access.</li>
                 </ul>
+
+		<h3 class="ds-u-color--error">Understand the risks</h3>
+
+		<p>
+		You have the right to share your health information, but there may be risks.
+		Be sure to review the app's Privacy Policy and Terms of Conditions.
+		You can revoke an app's access to your data at any time by logging in to your <a href=https://www.mymedicare.gov>MyMedicare.gov</a> account or calling us at 1-800-633-4227.
+		</p>
+
 
                 {% csrf_token %}
 
@@ -49,17 +59,10 @@ <h1>{{ application.name }} WILL BE ABLE TO:</h1>
 
 
                    <center>
-                    <div class="ds-l-row">
-                      <div class="ds-l-col--auto">
-                          <input id="approve" type="submit" class="ds-c-button  ds-c-button--big ds-c-button--primary"  name="allow"
-                               value="Yes, approve access"/>
-                      </div>
-                    </div>                  
+                          <input id="approve" type="submit" class="ds-c-button ds-c-button--primary ds-u-margin-right--6 ds-u-margin-left--6"  name="allow"
+                               value="Allow"/>
 
-                     <div class="ds-l-row">
-                      <div class="ds-l-col--auto">
-			      <input type="submit" class="ds-c-button ds-c-button--outline ds-u-margin-top--1 ds-u-display--block ds-u-md-display--inline-block" value="No, do not approve access" \>
-                      </div>     
+			      <input type="submit" class="ds-c-button ds-c-button--outline ds-u-margin-top--1 ds-u-display--block ds-u-md-display--inline-block ds-u-margin-left--6 ds-u-margin-right--6" value="Deny" \>
                      </center> 
             </form>