Updated design

app/assets/javascripts/boards/components/boards_backlog_help.js.es6

 /* global Cookies */
 const Vue = require('vue');
+const checkmarkIcon = require('../icons/checkmark');
 
 const Store = gl.issueBoards.BoardsStore;
 const ModalStore = gl.issueBoards.ModalStore;
@@ -26,9 +27,9 @@ module.exports = Vue.extend({
     },
   },
   template: `
-    <div class="boards-backlog-help">
+    <div class="boards-backlog-help text-center">
       <h4>
-        We removed the Backlog
+        We moved the Backlog
         <button
           type="button"
           class="close"
@@ -37,16 +38,18 @@ module.exports = Vue.extend({
           <i class="fa fa-times"></i>
         </button>
       </h4>
+      <div class="backlog-help-icon">${checkmarkIcon}</div>
       <p>
-        <a href="http://docs.gitlab.com/ce/user/project/issue_board.html">Read the docs</a> to find out why
+        <a href="http://docs.gitlab.com/ce/user/project/issue_board.html">Read the docs</a> for more details
       </p>
       <p>
-        You can populate your board using this button
+        Populate the board using this button
       </p>
       <div class="text-center">
         <button
           class="btn btn-success"
           type="button"
+          :disabled="disabled"
           @click="closeHelp(true)">
           Add issues
         </button>

app/assets/javascripts/boards/icons/checkmark.js

+module.exports = '<svg viewBox="0 0 28 22" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="m45.4978994 24.9892046c0 .4726429-.1654225.8743833-.4962726 1.2052333l-15.2426565 15.2426565c-.33085.33085-.7325904.4962725-1.2052333.4962725-.4726428 0-.8743833-.1654225-1.2052333-.4962725l-8.8265615-8.8265616c-.33085-.33085-.4962726-.7325904-.4962726-1.2052333 0-.4726428.1654226-.8743833.4962726-1.2052333l2.4104666-2.4104666c.33085-.33085.7325904-.4962725 1.2052333-.4962725s.8743833.1654225 1.2052333.4962725l5.2108616 5.2285857 11.6269566-11.6446806c.33085-.33085.7325905-.4962726 1.2052333-.4962726.4726429 0 .8743833.1654226 1.2052333.4962726l2.4104666 2.4104666c.3308501.33085.4962726.7325904.4962726 1.2052333z"/><mask id="b" fill="#fff" height="21.0561348" width="27.4722297" x="0" y="0"><use xlink:href="#a"/></mask></defs><use fill="none" mask="url(#b)" stroke="#1a97d5" stroke-width="2" transform="translate(-18 -20)" xlink:href="#a"/></svg>';

app/assets/stylesheets/pages/boards.scss

@@ -525,7 +525,7 @@
 
 .boards-backlog-help {
   display: inline-block;
-  width: 250px;
+  width: 260px;
   padding: 15px;
   border: 1px solid $border-color;
   border-radius: 2px;
@@ -542,3 +542,19 @@
     line-height: 0;
   }
 }
+
+.backlog-help-icon {
+  display: -webkit-flex;
+  display: flex;
+  margin: 15px auto;
+  width: 60px;
+  height: 60px;
+  border: 1px solid $blue-normal;
+  border-radius: 50%;
+
+  > svg {
+    width: 35px;
+    margin-left: auto;
+    margin-right: auto;
+  }
+}