From 365f313b57d8edce8b58b54b9598b2423bea625f Mon Sep 17 00:00:00 2001
From: Harvey Kandola <harvey@documize.com>
Date: Thu, 2 Jun 2016 13:48:31 +0100
Subject: [PATCH] CTA buttons now have text label

---
 app/app/styles/widget/widget-button.scss              | 11 +++++++++++
 .../components/document/document-toolbar.hbs          |  3 ++-
 .../templates/components/folder/folder-dashboard.hbs  |  3 ++-
 app/app/templates/components/folder/folders-list.hbs  |  3 ++-
 4 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/app/app/styles/widget/widget-button.scss b/app/app/styles/widget/widget-button.scss
index d7e3aba4..aea3036e 100644
--- a/app/app/styles/widget/widget-button.scss
+++ b/app/app/styles/widget/widget-button.scss
@@ -136,6 +136,11 @@
     cursor: pointer;
 	border: none;
 	@extend .no-select;
+    
+    > .name {
+        vertical-align: top;
+        display: inline-block;
+    }
 }
 
 .button-red {
@@ -158,6 +163,12 @@
     @include button-hover-state($color-gray);
 }
 
+.button-transparent {
+    background-color: transparent;
+    color: $color-gray;
+    border: 1px solid $color-gray;   
+}
+
 .flat-button {
     box-shadow: none;
     background-color: transparent;
diff --git a/app/app/templates/components/document/document-toolbar.hbs b/app/app/templates/components/document/document-toolbar.hbs
index d826ba48..469b8f69 100644
--- a/app/app/templates/components/document/document-toolbar.hbs
+++ b/app/app/templates/components/document/document-toolbar.hbs
@@ -40,8 +40,9 @@
 				<div class="actions pull-right hidden-xs hidden-sm">
 	                {{#if isEditor}}
 						{{#link-to 'document.wizard' folder.id folder.slug document.id document.slug}}
-							<div class="square-button button-green" id="add-section-button" data-tooltip="Add section" data-tooltip-position="top center">
+							<div class="regular-button button-green" id="add-section-button" data-tooltip="Add section" data-tooltip-position="top center">
 								<i class="material-icons">add</i>
+								<div class="name">section</div>
 							</div>
 						{{/link-to}}
 						<div class="button-gap"></div>
diff --git a/app/app/templates/components/folder/folder-dashboard.hbs b/app/app/templates/components/folder/folder-dashboard.hbs
index 2244aaee..a72332f6 100644
--- a/app/app/templates/components/folder/folder-dashboard.hbs
+++ b/app/app/templates/components/folder/folder-dashboard.hbs
@@ -28,8 +28,9 @@
 		{{/dropdown-dialog}}
 	{{else}}
 	    {{#if folderService.canEditCurrentFolder}}
-			<div class="square-button button-green" id="start-document-button" data-tooltip="Add or import document" data-tooltip-position="top center">
+			<div class="regular-button button-green" id="start-document-button" data-tooltip="Add or import document" data-tooltip-position="top center">
 			    <i class="material-icons">add</i>
+				<div class="name">Document</div>
 			</div>
 		{{/if}}
     	{{#if isFolderOwner}}
diff --git a/app/app/templates/components/folder/folders-list.hbs b/app/app/templates/components/folder/folders-list.hbs
index 23904f60..773ca38a 100644
--- a/app/app/templates/components/folder/folders-list.hbs
+++ b/app/app/templates/components/folder/folders-list.hbs
@@ -1,7 +1,8 @@
 <span class="hidden-xs hidden-sm">
 	{{#if session.isEditor}}
-		<div class="round-button-mono" id="add-folder-button" data-tooltip="New space" data-tooltip-position="top center">
+		<div class="regular-button button-transparent" id="add-folder-button" data-tooltip="New space" data-tooltip-position="top center">
 			<i class="material-icons">add</i>
+			<div class="name">space</div>
 		</div>
 		{{#dropdown-dialog target="add-folder-button" position="bottom left" button="Add" color="flat-green" onAction=(action 'addFolder') focusOn="new-folder-name"}}
 			<div>