From 4dcd49269f2728e9b8d2e2cfcb649363fc8638ac Mon Sep 17 00:00:00 2001
From: hmbrink <hbrinkman89@gmail.com>
Date: Tue, 21 Jan 2020 10:45:40 -0500
Subject: [PATCH] Topbar testing

---
 styles/components/_portfolio_layout.scss | 11 -----------
 styles/components/_topbar.scss           |  8 ++++++++
 styles/core/_util.scss                   |  4 ++++
 templates/base_public.html               |  2 +-
 templates/portfolios/new/step_1.html     |  8 +++++---
 5 files changed, 18 insertions(+), 15 deletions(-)

diff --git a/styles/components/_portfolio_layout.scss b/styles/components/_portfolio_layout.scss
index 00beae67..ee7b1ed1 100644
--- a/styles/components/_portfolio_layout.scss
+++ b/styles/components/_portfolio_layout.scss
@@ -3,11 +3,6 @@
     @include grid-row;
     min-height: 500px;
   }
-
-  .col.col--grow {
-    position: relative;
-    padding: 0;
-  }
 }
 
 .portfolio-header {
@@ -25,12 +20,6 @@
 
   &__name {
     @include h1;
-    padding-right: $spacing-medium;
-    position: absolute;
-    top: 50%;
-    left: 0;
-    -webkit-transform: translateX(0%) translateY(-50%);
-    transform: translateX(0%) translateY(-50%);
 
     h1 {
       margin: 0;
diff --git a/styles/components/_topbar.scss b/styles/components/_topbar.scss
index 7f7a3e6d..03a74f55 100644
--- a/styles/components/_topbar.scss
+++ b/styles/components/_topbar.scss
@@ -65,3 +65,11 @@
     justify-content: flex-end;
   }
 }
+
+.login-topbar .topbar__navigation {
+    max-width: 100%;
+}
+
+.login-topbar .topbar__context .topbar__link-icon {
+    margin: 0 0 0 0.8rem;
+}
diff --git a/styles/core/_util.scss b/styles/core/_util.scss
index 5203da45..0790a121 100644
--- a/styles/core/_util.scss
+++ b/styles/core/_util.scss
@@ -94,3 +94,7 @@ hr {
     margin: ($gap * 3) ($site-margins * -4);
   }
 }
+
+.usa-section {
+  padding: 0;
+}
diff --git a/templates/base_public.html b/templates/base_public.html
index 7b872471..07447633 100644
--- a/templates/base_public.html
+++ b/templates/base_public.html
@@ -17,7 +17,7 @@
 <div id='app-root'>
   {% include 'components/usa_header.html' %}
 
-  {% include 'navigation/topbar.html' %}
+  <div class='login-topbar'>{% include 'navigation/topbar.html' %}</div>
 
   {% block content %}{% endblock %}
 
diff --git a/templates/portfolios/new/step_1.html b/templates/portfolios/new/step_1.html
index 4a499821..abc6d25e 100644
--- a/templates/portfolios/new/step_1.html
+++ b/templates/portfolios/new/step_1.html
@@ -10,9 +10,11 @@
 
 <main class="usa-section usa-content">
   {% include "fragments/flash.html" %}
-  <div class='portfolio-header__name'>
-    <p>{{ "portfolios.header" | translate }}</p>
-    <h1>{{ "New Portfolio" }}</h1>
+  <div class="portfolio-header-new">
+    <div class='portfolio-header__name'>
+      <p>{{ "portfolios.header" | translate }}</p>
+      <h1>{{ "New Portfolio" }}</h1>
+    </div>
   </div>
   {{ StickyCTA(text="Create New Portfolio") }}
   <base-form inline-template>