From 35883b6b27b57f5851118acf2fcf8e593dc93e59 Mon Sep 17 00:00:00 2001
From: Alasdair Smith <ali@alasdairsmith.co.uk>
Date: Tue, 31 Oct 2017 14:09:54 +0000
Subject: [PATCH] Extract V1 badge styles to file

---
 services/web/app/views/project/list/ol-item.pug       | 2 +-
 services/web/public/stylesheets/_style_includes.less  | 1 +
 services/web/public/stylesheets/app/project-list.less | 7 +++----
 services/web/public/stylesheets/app/v1-badge.less     | 9 +++++++++
 4 files changed, 14 insertions(+), 5 deletions(-)
 create mode 100644 services/web/public/stylesheets/app/v1-badge.less

diff --git a/services/web/app/views/project/list/ol-item.pug b/services/web/app/views/project/list/ol-item.pug
index 49a6dd01f2..67648b9c7b 100644
--- a/services/web/app/views/project/list/ol-item.pug
+++ b/services/web/app/views/project/list/ol-item.pug
@@ -1,5 +1,5 @@
 .col-xs-8
-	span.label.label-default.v1-label V1
+	span.v1-badge
 	span
 		a.projectName(
 			href=settings.overleaf.host + "/{{project.id}}"
diff --git a/services/web/public/stylesheets/_style_includes.less b/services/web/public/stylesheets/_style_includes.less
index a5c7589ef0..54539a4cb4 100644
--- a/services/web/public/stylesheets/_style_includes.less
+++ b/services/web/public/stylesheets/_style_includes.less
@@ -78,6 +78,7 @@
 @import "app/invite.less";
 @import "app/review-features-page.less";
 @import "app/error-pages.less";
+@import "app/v1-badge.less";
 
 @import	"../js/libs/pdfListView/TextLayer.css";
 @import	"../js/libs/pdfListView/AnnotationsLayer.css";
diff --git a/services/web/public/stylesheets/app/project-list.less b/services/web/public/stylesheets/app/project-list.less
index d3745854c3..1ca170ff89 100644
--- a/services/web/public/stylesheets/app/project-list.less
+++ b/services/web/public/stylesheets/app/project-list.less
@@ -367,10 +367,9 @@ ul.project-list {
 				border-bottom-left-radius: 0;
 			}
 
-		.v1-label {
-			margin-right: 11px;
-			margin-left: 5px;
-			padding: 2px 3px 1px;
+		.v1-badge {
+			margin-right: 9px;
+			margin-left: 7px;
 		}
 	}
 	i.tablesort {
diff --git a/services/web/public/stylesheets/app/v1-badge.less b/services/web/public/stylesheets/app/v1-badge.less
new file mode 100644
index 0000000000..0c64ee9e6b
--- /dev/null
+++ b/services/web/public/stylesheets/app/v1-badge.less
@@ -0,0 +1,9 @@
+.v1-badge {
+	&:extend(.label);
+	&:extend(.label-default);
+	padding: 2px 3px 1px;
+	margin: 0 4px;
+	&:before {
+		content: "V1";
+	}
+}
\ No newline at end of file