Uses input field for email address

app/assets/stylesheets/pages/issues.scss

@@ -108,3 +108,16 @@ form.edit-issue {
     text-decoration: underline;
   }
 }
+
+.email-modal-input-group {
+  margin-bottom: 10px;
+
+  .form-control {
+    background-color: $white-light;
+  }
+
+  .btn {
+    background-color: $background-color;
+    border: 1px solid $border-gray-light;
+  }
+}

app/views/projects/issues/_issue_by_email.html.haml

@@ -8,10 +8,11 @@
           Create new issue by email
       .modal-body
         %p
-          Write an email to
-          = succeed "." do
-            %a{ href: "mailto:#{email}" }= email
-          (This is a private email address, so keep it secret.)
+          Write an email to the below email address. (This is a private email address, so keep it secret.)
+        .email-modal-input-group.input-group
+          = text_field_tag :issue_email, email, class: "monospace js-select-on-focus form-control", readonly: true
+          .input-group-btn
+            = clipboard_button(clipboard_target: '#issue_email')
         %p
           Send an email to this address to create an issue.
         %p