From a52b2c962519ab7eb57a40980d58ea97a14e4d91 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Tue, 5 Feb 2019 21:40:17 -0500
Subject: [PATCH] UX: Moving the create theme buttons, adding buttons to theme
 index

---
 .../javascripts/admin/templates/customize-themes-index.hbs | 6 +++++-
 app/assets/stylesheets/common/admin/customize.scss         | 7 +++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/app/assets/javascripts/admin/templates/customize-themes-index.hbs b/app/assets/javascripts/admin/templates/customize-themes-index.hbs
index 565d0024dbb..62d563e3cf3 100644
--- a/app/assets/javascripts/admin/templates/customize-themes-index.hbs
+++ b/app/assets/javascripts/admin/templates/customize-themes-index.hbs
@@ -2,13 +2,17 @@
   <img src={{womanArtistEmojiURL}}>
   <div class="content-wrapper">
     <h1>{{I18n "admin.customize.theme.themes_intro"}}</h1>
+     <div class="create-actions">
+      {{d-button label="admin.customize.new" icon="plus" action=(route-action "showCreateModal") class="btn-primary"}}
+      {{d-button action=(route-action "importModal") icon="upload" label="admin.customize.import" class="btn-default"}}
+    </div>
     <div class="external-resources">
       {{#each externalResources as |resource|}}
         <a href={{resource.link}} class="external-link" target="_blank">
           {{d-icon resource.icon}}
           {{I18n resource.key}}
         </a>
-      {{/each}}
+      {{/each}}     
     </div>
   </div>
 </div>
diff --git a/app/assets/stylesheets/common/admin/customize.scss b/app/assets/stylesheets/common/admin/customize.scss
index e6654ac80ec..0217c7b19b1 100644
--- a/app/assets/stylesheets/common/admin/customize.scss
+++ b/app/assets/stylesheets/common/admin/customize.scss
@@ -71,10 +71,6 @@
         margin-bottom: 0;
       }
     }
-
-    .create-actions {
-      margin-left: auto;
-    }
   }
   .admin-container {
     padding: 0;
@@ -203,6 +199,9 @@
       vertical-align: top;
       margin-top: 5px;
     }
+    .create-actions {
+      margin-bottom: 1em;
+    }
     .content-wrapper {
       display: inline-block;
       vertical-align: top;