From 2886e78e638eab0950e5e55e31283a0afc4c7225 Mon Sep 17 00:00:00 2001 From: Louise McMahon Date: Tue, 22 Aug 2017 16:09:02 +0100 Subject: [PATCH 01/14] updated from feedback changed icon to paintbrush --- .../editor/selectTheme/less/editorTheme.less | 30 +++++++++---------- .../selectTheme/templates/editorThemeItem.hbs | 2 +- .../selectTheme/views/editorThemeItemView.js | 4 +-- 3 files changed, 18 insertions(+), 18 deletions(-) diff --git a/frontend/src/modules/editor/selectTheme/less/editorTheme.less b/frontend/src/modules/editor/selectTheme/less/editorTheme.less index d19a93ff30..0ecceff996 100644 --- a/frontend/src/modules/editor/selectTheme/less/editorTheme.less +++ b/frontend/src/modules/editor/selectTheme/less/editorTheme.less @@ -6,7 +6,7 @@ } .theme-list-item { - height: 280px; + height: 295px; width: 275px; margin-left:0px; margin-right: 30px; @@ -21,9 +21,9 @@ border: 1px solid #d6f2f9; &-inner { - padding-top: 20px; - .theme-header { + padding: 20px 0; + .display-name { padding-left: 20px; font-size: 175%; @@ -32,23 +32,23 @@ .description { padding-left: 20px; - padding-bottom: 15px; font-size: 110%; color: @quaternary-color; } + } - .theme-preview { - position: relative; - height: 100%; - width: 100%; - - .fa { - color:rgb(214, 242, 249); - font-size: 50px; - padding-top: 70px; - padding-left: 116px; - } + .theme-preview { + position: relative; + height: 205px; + width: 100%; + .fa { + color:rgb(214, 242, 249); + position: absolute; + font-size: 70px; + top: 45%; + left: 50%; + transform: translate(-50%, -50%); } } } diff --git a/frontend/src/modules/editor/selectTheme/templates/editorThemeItem.hbs b/frontend/src/modules/editor/selectTheme/templates/editorThemeItem.hbs index 4c2cccd063..706fecd734 100644 --- a/frontend/src/modules/editor/selectTheme/templates/editorThemeItem.hbs +++ b/frontend/src/modules/editor/selectTheme/templates/editorThemeItem.hbs @@ -2,8 +2,8 @@

{{displayName}}

{{description}}
-
+
{{#if settings}}