From f91284d230c261baa6adc1764cad08b561c5ba67 Mon Sep 17 00:00:00 2001
From: Yamagishi Kazutoshi <ykzts@desire.sh>
Date: Sun, 30 Jul 2017 23:24:18 +0900
Subject: [PATCH] Do not create empty a element when there is no e-mail (#4455)

Empty a element is created when there is no business e-mail input.
---
 app/javascript/styles/about.scss   | 6 +++++-
 app/views/about/_contact.html.haml | 5 ++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/app/javascript/styles/about.scss b/app/javascript/styles/about.scss
index 1c5f13e329..d409c82149 100644
--- a/app/javascript/styles/about.scss
+++ b/app/javascript/styles/about.scss
@@ -147,9 +147,13 @@
       white-space: nowrap;
       overflow: hidden;
 
-      a {
+      a,
+      span {
         font-weight: 400;
         color: lighten($ui-base-color, 34%);
+      }
+
+      a {
         text-decoration: none;
       }
     }
diff --git a/app/views/about/_contact.html.haml b/app/views/about/_contact.html.haml
index 81b7db61f4..cf21ad5a3c 100644
--- a/app/views/about/_contact.html.haml
+++ b/app/views/about/_contact.html.haml
@@ -2,7 +2,10 @@
   .panel-header
     = succeed ':' do
       = t 'about.contact'
-    = mail_to contact.site_contact_email.presence, nil, :title => contact.site_contact_email.presence
+    - if contact.site_contact_email.present?
+      = mail_to contact.site_contact_email, nil, title: contact.site_contact_email
+    - else
+      %span= t 'about.contact_unavailable'
   .panel-body
     - if contact.contact_account
       .owner