Add full width button and styles for popup button

Author: ElliottAYoung

app/assets/stylesheets/application.scss

@@ -0,0 +1,29 @@
+.content_item_button {
+  border: 1px solid #BBB;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  width: 100%;
+  background-color: white;
+  color: #747D8E;
+
+  &:active {
+    background-color: #DDD;
+  }
+}
+
+.text-center {
+  text-align: center;
+}
+
+.logo {
+  font-size: 56px;
+}
+
+.button_content {
+  padding-top: 30px;
+  padding-bottom: 20px;
+}
+
+.content_item_button-text {
+  font-size: 12px;
+}

app/cells/plugins/core/content_item/popup.haml

@@ -1,2 +1,13 @@
-%button{ class: "popup--open mdl-button mdl-js-button mdl-button--raised mdl-button--success mdl-js-ripple-effect" }
-  = render_button_name
+= render_label
+%br
+%button.content_item_button.text-center
+  .button_content
+    %i{ class: "material-icons icon" }
+      cloud_upload
+    %br
+    %span.content_item_button-text
+      Click to add a
+      = field.name
+      from the media library
+%small
+  Recommended size: 1452px x 530px with a live area of 930px x 530px

app/cells/plugins/core/content_item_cell.rb

@@ -7,8 +7,8 @@ def popup
 
       private
 
-      def render_field_name
-        "Insert #{field.name}"
+      def render_label
+        "Add #{field.name}"
       end
     end
   end