Move custom-domain to menu

app/dashboard/templates/dashboard/custom_domain.html

@@ -1,4 +1,5 @@
 {% extends 'default.html' %}
+{% set active_page = "custom_domain" %}
 
 {% block title %}
   Custom Domains

app/dashboard/templates/dashboard/domain_detail.html

@@ -1,4 +1,5 @@
 {% extends 'default.html' %}
+{% set active_page = "custom_domain" %}
 
 {% block title %}
   {{ custom_domain.domain }}

templates/default.html

@@ -5,7 +5,7 @@
     {% include "header.html" %}
 
     <div class="my-2 my-md-2">
-      <div class="container">
+      <div class="container pt-3">
         {% block default_content %}
         {% endblock %}
       </div>

templates/header.html

@@ -42,11 +42,6 @@
           </a>
 
           <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
-            <a class="dropdown-item" href="{{ url_for('dashboard.custom_domain') }}">
-              <i class="dropdown-icon fe fe-server"></i> Custom Domains
-              <span class="badge badge-success">Premium</span>
-            </a>
-
             {% if current_user.is_premium() %}
               <a class="dropdown-item" href="{{ url_for('dashboard.billing') }}">
                 <i class="dropdown-icon fe fe-dollar-sign"></i> Billing

templates/menu.html

@@ -22,6 +22,14 @@
     </a>
   </li>
 
+  <li class="nav-item">
+    <a href="{{ url_for('dashboard.custom_domain') }}"
+       class="nav-link {{ 'active' if active_page == 'custom_domain' }}">
+      <i class="fe fe-server"></i> Custom Domains
+      <span class="badge badge-success" style="font-size: .5rem; top: 5px">Premium</span>
+    </a>
+  </li>
+
   <!--
   <li class="nav-item">
     <a href="{{ url_for('discover.index') }}"