From af21ca027b81b29e5409be1830cfb4acfe980c1b Mon Sep 17 00:00:00 2001
From: Santiago Lamora <slamora@users.noreply.github.com>
Date: Tue, 17 Dec 2019 10:52:39 +0100
Subject: [PATCH] Create .btn-arrow-left and add go back link.

---
 musician/static/musician/css/default.css      | 26 +++++++++++++++++++
 .../templates/musician/domain_detail.html     |  2 ++
 2 files changed, 28 insertions(+)

diff --git a/musician/static/musician/css/default.css b/musician/static/musician/css/default.css
index b2fb536..42972ab 100644
--- a/musician/static/musician/css/default.css
+++ b/musician/static/musician/css/default.css
@@ -7,6 +7,32 @@ a:hover {
     color: rgba(0,0,0,.7);
 }
 
+.btn-arrow-left{
+    color: #eee;
+    background: #D3D0DA;
+    position: relative;
+    padding: 8px 20px 8px 30px;
+    margin-left: 1em; /** equal value than arrow.left **/
+}
+
+.btn-arrow-left::after,
+.btn-arrow-left::before{
+    content: "";
+    position: absolute;
+    top: 50%;
+    left: -1em;
+
+    margin-top: -19px;
+    border-top: 19px solid transparent;
+    border-bottom: 19px solid transparent;
+    border-right: 1em solid;
+}
+
+.btn-arrow-left::after{
+    border-right-color: #D3D0DA;
+    z-index: 2;
+}
+
 .wrapper {
     display: flex;
     width: 100%;
diff --git a/musician/templates/musician/domain_detail.html b/musician/templates/musician/domain_detail.html
index 6cb459e..515a724 100644
--- a/musician/templates/musician/domain_detail.html
+++ b/musician/templates/musician/domain_detail.html
@@ -2,6 +2,8 @@
 {% load i18n %}
 
 {% block content %}
+<a id="vert_menu" class="btn-arrow-left" href="{% url 'musician:dashboard' %}">{% trans "Go back" %}</a>
+
 <h1 class="service-name">{% trans "DNS settings for" %} <span class="font-weight-light">{{ object.name }}</span></h1>
 <p class="service-description">Litle description of what to be expected in this section to aid the user. Even a link to more help if there is one available.</p>