From a8763fbf490cdb125d48da85f5df86ed801938f4 Mon Sep 17 00:00:00 2001
From: Nick Krichevsky <nick@ollien.com>
Date: Thu, 28 Jun 2018 23:34:25 -0400
Subject: [PATCH] Move window titles into their own div

---
 src/scss/browser-action.scss | 2 +-
 src/twig/main.html.twig      | 6 ++++--
 src/twig/tab-list.html.twig  | 2 +-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/scss/browser-action.scss b/src/scss/browser-action.scss
index 94102c1..ebadcb0 100644
--- a/src/scss/browser-action.scss
+++ b/src/scss/browser-action.scss
@@ -20,7 +20,7 @@ ul {
 	cursor: pointer;
 	user-select: none;
 
-	.window {
+	.window-title {
 		font-weight: 600;
 		padding: 7px 4px;
 	}
diff --git a/src/twig/main.html.twig b/src/twig/main.html.twig
index 72d93b7..c1a7b10 100644
--- a/src/twig/main.html.twig
+++ b/src/twig/main.html.twig
@@ -1,8 +1,10 @@
 <ul id="window-list">
 	{% for window in windows %}
 		<li class="window" window-id={{ window.id }}>
-			Window - {{ window.tabs|length }} tabs
+			<div class="window-title">
+				Window - {{ window.tabs|length }} tabs
+			</div>
+			{% include "tab-list.html.twig" with {'tabs': window.tabs} %}
 		</li>
-		{% include "tab-list.html.twig" with {'tabs': window.tabs} %}
 	{% endfor %}
 </ul>
diff --git a/src/twig/tab-list.html.twig b/src/twig/tab-list.html.twig
index bf275be..9196012 100644
--- a/src/twig/tab-list.html.twig
+++ b/src/twig/tab-list.html.twig
@@ -2,7 +2,7 @@
 	<ul class="tab-list">
 		{% for tab in tabs %}
 			<li class="tab" tab-id={{ tab.id }}>
-				<span class="title">
+				<span class="tab-title">
 					{{ tab.title }}
 				</span>
 			</li>