From 67fd6b86546a7aacddf1bcdbe50b25c54206b790 Mon Sep 17 00:00:00 2001
From: Jacob Schatz <jschatz1@gmail.com>
Date: Sun, 6 Aug 2017 12:55:51 -0400
Subject: [PATCH] Edit button to class.

---
 app/assets/javascripts/repo/index.js           | 3 +--
 app/assets/stylesheets/pages/repo.scss         | 2 +-
 app/views/shared/repo/_editable_mode.html.haml | 2 +-
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/app/assets/javascripts/repo/index.js b/app/assets/javascripts/repo/index.js
index feba755af2d..67c03680fca 100644
--- a/app/assets/javascripts/repo/index.js
+++ b/app/assets/javascripts/repo/index.js
@@ -58,8 +58,7 @@ function initRepoEditButton(el) {
 
 function initRepoBundle() {
   const repo = document.getElementById('repo');
-  const editButton = document.getElementById('editable-mode');
-
+  const editButton = document.querySelector('.editable-mode');
   setInitialStore(repo.dataset);
   addEventsForNonVueEls();
   initDropdowns();
diff --git a/app/assets/stylesheets/pages/repo.scss b/app/assets/stylesheets/pages/repo.scss
index a188c9cf4cb..4b6778af997 100644
--- a/app/assets/stylesheets/pages/repo.scss
+++ b/app/assets/stylesheets/pages/repo.scss
@@ -43,7 +43,7 @@
   @include str-truncated(250px);
 }
 
-#editable-mode {
+.editable-mode {
   display: inline-block;
 }
 
diff --git a/app/views/shared/repo/_editable_mode.html.haml b/app/views/shared/repo/_editable_mode.html.haml
index a265352cd81..73fdb8b523f 100644
--- a/app/views/shared/repo/_editable_mode.html.haml
+++ b/app/views/shared/repo/_editable_mode.html.haml
@@ -1,2 +1,2 @@
-#editable-mode
+.editable-mode
   %repo-edit-button