add sidebar highlight and add padding to main

foundation/erpnext_foundation/doctype/service_provider/templates/service_provider.html

@@ -2,7 +2,6 @@
 
 {% from "foundation/templates/includes/macros.html" import media %}
 {% block page_content %}
-<h1 class="media-heading">{{ title }}</h1>
 {% if membership_type %}
 <p><span class=label>{{ membership_type }} Member<span></p>
 {% endif %}

foundation/templates/includes/sidebar/sidebar.html

@@ -1,6 +1,9 @@
-<nav class="pv1">
+<nav>
     <ul class="list-unstyled m0 p0">
-        {% for list_item in ['Service Providers', 'Chapters', 'Fellowship', 'Blog'] %}
+        <li class="ph4 pv1 bg-dark-grey">
+            <a class="fg-white" href="">Service Providers</a>
+        </li>
+        {% for list_item in ['Chapters', 'Fellowship', 'Blog'] %}
         <li class="ph4 pv1">
             <a href="">{{ list_item }}</a>
         </li>

foundation/templates/web.html

@@ -7,7 +7,7 @@
 		<div class="page-sidebar flex-1 border-right">
 			{% include "foundation/templates/includes/sidebar/sidebar.html" %}
 		</div>
-		<div class="page-main">
+		<div class="page-main flex-4 p6">
 			{% include "foundation/templates/includes/page-head.html" %}
 			<div class="page-body">
 				{%- block page_content -%}{%- endblock -%}