Merge pull request #229 from edx/waheed/ecom-5205-add-icons

Added copy icon on course about read only page.

course_discovery/static/sass/publisher/course_detail.scss

@@ -99,7 +99,10 @@ nav {
       .btn-copy {
         text-decoration: none;
         @include margin-left(10px);
-        color: #999;
+        padding-top: 2px;
+        padding-bottom: 2px;
+        @include padding-left(5px);
+        @include padding-right(5px);
       }
     }
   }

course_discovery/templates/base.html

@@ -28,6 +28,7 @@
             {% else %}
                 <link rel="stylesheet" href="{% static 'sass/main-ltr.scss' %}" type="text/x-scss">
             {% endif %}
+            <link rel="stylesheet" href="{% static 'bower_components/font-awesome/css/font-awesome.css' %}" type="text/x-scss">
             <link rel="stylesheet" href="{% static 'bower_components/pikaday/css/pikaday.css' %}" type="text/x-scss">
         {% endblock %}
     {% endcompress %}

course_discovery/templates/publisher/course_run_detail/clipboard.html

-<button class="btn-copy" title="copy to clipboard">+</button>
+<button class="btn btn-small btn-copy" title="Copy to clipboard" aria-label="Copy to clipboard">
+    <span class="icon fa fa-copy" aria-hidden="true"></span>
+</button>