From 84f7550f32136cf84bc2715e105e0131107fa106 Mon Sep 17 00:00:00 2001
From: Guilherme Baptista <guisgb13@gmail.com>
Date: Tue, 18 Nov 2014 17:59:18 +0100
Subject: [PATCH] (#77) Get Started nav bar to resemble the .btn .btn-default
 .btn-sm styles

---
 theme/static/css/site.css | 12 +++++++++---
 theme/templates/base.html | 10 ++++++++--
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/theme/static/css/site.css b/theme/static/css/site.css
index b0c5a111..9dbe2091 100644
--- a/theme/static/css/site.css
+++ b/theme/static/css/site.css
@@ -545,12 +545,18 @@ dd {
   background: linear-gradient(to right, rgba(255, 255, 255, 0), #e5e9ef 50%, #e5e9ef);
 }
 
-.nav_bar_grey_btn {
+.nav_bar_grey_lnk > .nav_bar_grey_span {
   background-color: #E5E9EF;
+  border: 5px solid transparent; 
+  border-radius: 5px;
 }
 
-.active > .nav_bar_grey_btn,
-.nav_bar_grey_btn:hover {
+.active > .nav_bar_grey_lnk > .nav_bar_grey_span,
+.nav_bar_grey_lnk > .nav_bar_grey_span:hover {
   background-color: #E5E9EF !important;
   color: #2DAEBF !important;
 }
+
+.nav_bar_grey_lnk:hover {
+  color: #2DAEBF !important;
+}
diff --git a/theme/templates/base.html b/theme/templates/base.html
index 71d68f71..1148c409 100644
--- a/theme/templates/base.html
+++ b/theme/templates/base.html
@@ -33,8 +33,14 @@
           <ul class="nav navbar-nav">
           {% for page in PAGES|sort(attribute='order') if not (page.show_in_top_menu == "false") %}
               <li {% if active_page == page.show_as_selected|default(page.slug) %}class="active"{% endif %} >
-                  <a href="{{ SITEURL }}/{{ page.url }}" {% if page.button_style == "grey" %}class="nav_bar_grey_btn"{% endif %}>
-                      {{ page.top_menu_name|default(page.title) }}
+                  <a href="{{ SITEURL }}/{{ page.url }}" {% if page.button_style == "grey" %}class="nav_bar_grey_lnk"{% endif %}>
+                      {% if page.button_style == "grey" %}
+                      <span class="nav_bar_grey_span">
+                      {% endif %}
+                          {{ page.top_menu_name|default(page.title) }}
+                      {% if page.button_style == "grey" %}
+                      </span>
+                      {% endif %}
                   </a>
               </li>
               {% if page.order == "4" %}