From a20b46c786293b9b22631529f4f592ca921da782 Mon Sep 17 00:00:00 2001
From: Henry Oswald <henry.oswald@sharelatex.com>
Date: Tue, 22 Jul 2014 15:56:36 +0100
Subject: [PATCH] template page looks ok, not quite like adam did. Need to
 battle left padding still

---
 services/web/app/views/templates/index.jade   |  2 +-
 .../web/app/views/templates/template.jade     | 58 ++++++++++++-------
 .../web/public/stylesheets/app/templates.less |  9 +++
 services/web/public/stylesheets/style.less    |  2 +-
 4 files changed, 47 insertions(+), 24 deletions(-)

diff --git a/services/web/app/views/templates/index.jade b/services/web/app/views/templates/index.jade
index afbcd53871..e75f236996 100644
--- a/services/web/app/views/templates/index.jade
+++ b/services/web/app/views/templates/index.jade
@@ -51,7 +51,7 @@ block content
 					-if(tag.totalNumberOfTemplates > 4)
 						.row-fluid
 							.col-md-6.offset3.more-templates
-								a(href=tag.tagPagePath) View all #{tag.totalNumberOfTemplates} #{tag.name} templates
+								a(href=tag.tagPagePath) View all #{tag.totalNumberOfTemplates} #{tag.name} templates »
 
 
 
diff --git a/services/web/app/views/templates/template.jade b/services/web/app/views/templates/template.jade
index 77f218d81f..8f32ad2957 100644
--- a/services/web/app/views/templates/template.jade
+++ b/services/web/app/views/templates/template.jade
@@ -5,37 +5,51 @@ block content
 		.container
 			.row
 				.page-header
-					h1 #{template.name} LaTeX Template
-					-if(tag)
-						a(href=tag.tagPagePath) ← Back to more #{tag.name} LaTeX templates
+					h2
+						a(href="/templates") Templates
+						|  ›
+						a(href=tag.tagPagePath)  #{tag.name}
+						|  ›
+						|  #{template.name}
 				.container.txt-lefty
 					.row-fluid()
-						.span6
+						.col-md-6
 							.entry
 								.row-fluid
-									.span12
+									.col-md-12
 										a(href=template.pdfUrl)
-											img(src="#{template.previewUrl}")
+											//img(src="#{template.previewUrl}")
+											img(src="https://d1hk1zhcb5hn6i.cloudfront.net/52fb89a333621a613683ec95/v/1/pdf-converted-cache/style-preview")
 
-						.span6()
-							h3 About
-							div !{template.description}
+						.col-md-6
+							.card
+								h3 About
+								div !{template.description}
+								div(ng-controller="openInSlController")
+									a.btn.btn-primary.btn-large(href=template.open_in_sharelatex_url, ng-click='open()', ng-disabled="isDisabled", rel='nofollow') {{openInSlText}}
+									| &nbsp;
 
-							h3 Actions
-							span(ng-controller="openInSlController")
-								a.btn.btn-success.btn-large.open-in-sharelatex(href=template.open_in_sharelatex_url, ng-click='open()', ng-disabled="isDisabled", rel='nofollow') {{openInSlText}}
-								| &nbsp;
-								a.btn.btn-large.download-zip(href=template.zipUrl, rel='nofollow', ng-click='downloadZip()') Download Zip
+									a.btn.btn-default(
+										href=template.zipUrl, 
+										rel='nofollow', 
+										ng-click='downloadZip()', 
+										data-toggle="tooltip", 
+										data-placement="bottom", 
+										title="", 
+										data-original-title="Download .zip File"
+									)
 
+										i.fa.fa-cloud-download
 
-							.social_buttons
-								.addthis_toolbox.addthis_default_style.addthis_32x32_style
-									a.addthis_button_facebook
-									a.addthis_button_twitter
-									a.addthis_button_google_plusone_share
-									a.addthis_button_compact
-								script(type='text/javascript', src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-517c16586439faa7')
-							div
+								.social_buttons
+									.addthis_toolbox.addthis_default_style.addthis_32x32_style
+										a.addthis_button_facebook
+										a.addthis_button_twitter
+										a.addthis_button_google_plusone_share
+										a.addthis_button_compact
+									script(type='text/javascript', src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-517c16586439faa7')
+							div &nbsp;
+							.card
 								h3 Comment
 								#disqus_thread
 								script(type='text/javascript').
diff --git a/services/web/public/stylesheets/app/templates.less b/services/web/public/stylesheets/app/templates.less
index 0223a481f0..cc35f53d15 100644
--- a/services/web/public/stylesheets/app/templates.less
+++ b/services/web/public/stylesheets/app/templates.less
@@ -30,4 +30,13 @@
 		border-top: 1px solid #ddd;
 	}
 
+}
+
+.social_buttons {
+	padding-top: 20px;
+}
+
+.sample-template {
+	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.3);
+	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
 }
\ No newline at end of file
diff --git a/services/web/public/stylesheets/style.less b/services/web/public/stylesheets/style.less
index d80e0d9641..4539f910c8 100755
--- a/services/web/public/stylesheets/style.less
+++ b/services/web/public/stylesheets/style.less
@@ -18,7 +18,7 @@
 @import "components/card.less";
 //@import "components/code.less";
 @import "components/component-animations.less";
-//@import "components/glyphicons.less";
+@import "components/glyphicons.less";
 @import "components/dropdowns.less";
 @import "components/button-groups.less";
 @import "components/input-groups.less";