From 965b5113fccd119ab9264320c6a7e57f316a7f59 Mon Sep 17 00:00:00 2001
From: luis cielak <luis+dds@promptworks.com>
Date: Thu, 23 Aug 2018 14:55:59 -0400
Subject: [PATCH] Adjust panel headings

---
 styles/elements/_panels.scss | 8 ++++++++
 templates/member_edit.html   | 9 ++++-----
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/styles/elements/_panels.scss b/styles/elements/_panels.scss
index c6b9a510..a6e55caa 100644
--- a/styles/elements/_panels.scss
+++ b/styles/elements/_panels.scss
@@ -67,9 +67,17 @@
       margin: $gap * 4;
     }
 
+    &--tight {
+      margin: $gap*2;
+    }
+
     h1, h2, h3, h4, h5, h6 {
       margin: 0;
       display: inline-block;
+
+      .subtitle {
+        color: $color-gray;
+      }
     }
 
     .icon-tooltip {
diff --git a/templates/member_edit.html b/templates/member_edit.html
index 245dc237..4accd033 100644
--- a/templates/member_edit.html
+++ b/templates/member_edit.html
@@ -37,15 +37,14 @@
 </form>
 
 <div class="panel">
-  <div class="panel__heading">
-    <h3>Manage Access</h3>
-    <div class="subtitle"><h3>Grant access to an environment</h3></div>
+  <div class="panel__heading panel__heading--tight">
+    <h2 class="h3">Manage Access <div class="subtitle">Grant access to an environment</div></h2>
   </div>
 </div>
 
 <div class='block-list project-list-item'>
   <header class='block-list__header'>
-    <h2 class='block-list__title'>{{ Icon('arrow-down') }}Code.mil</h2>
+    <h3 class='block-list__title'>{{ Icon('arrow-down') }}Code.mil</h3>
     <span><a href="#" class="icon-link icon-link--danger">revoke all access</a></span>
   </header>
   <ul>
@@ -78,7 +77,7 @@
 
 <div class='block-list project-list-item'>
   <header class='block-list__header'>
-    <h2 class='block-list__title'>{{ Icon('arrow-right') }} Digital Dojo</h2>
+    <h3 class='block-list__title'>{{ Icon('arrow-right') }} Digital Dojo</h3>
     <span class="label">no access</span>
   </header>
 </div>