From 605a30254693ea59f42e6c241ee22febb61f7d2d Mon Sep 17 00:00:00 2001
From: Arpit Jalan <arpit@techapj.com>
Date: Sat, 18 Jun 2016 14:08:03 +0530
Subject: [PATCH] UX: move category logo above navigation

---
 .../templates/navigation/category.hbs         | 50 ++++++++++---------
 .../stylesheets/desktop/topic-list.scss       |  4 ++
 2 files changed, 30 insertions(+), 24 deletions(-)

diff --git a/app/assets/javascripts/discourse/templates/navigation/category.hbs b/app/assets/javascripts/discourse/templates/navigation/category.hbs
index 85174bbbf..a18531d5b 100644
--- a/app/assets/javascripts/discourse/templates/navigation/category.hbs
+++ b/app/assets/javascripts/discourse/templates/navigation/category.hbs
@@ -1,27 +1,3 @@
-{{bread-crumbs categories=categories
-               category=category
-               noSubcategories=noSubcategories
-               hideSubcategories=showingSubcategoryList}}
-
-{{navigation-bar navItems=navItems filterMode=filterMode}}
-
-{{#if currentUser}}
-  {{category-notifications-button category=category}}
-{{/if}}
-
-{{#if canCreateTopic}}
-  {{d-button  id="create-topic"
-              class="btn-default"
-              action="createTopic"
-              icon="plus"
-              label="topic.create"
-              disabled=cannotCreateTopicOnCategory}}
-{{/if}}
-
-{{#if canEditCategory}}
-  {{d-button class="btn-default edit-category" action="editCategory" actionParam=category icon="wrench" label="category.edit_long"}}
-{{/if}}
-
 <section class='category-heading'>
   {{#if category.logo_url}}
     {{cdn-img src=category.logo_url class="category-logo"}}
@@ -30,3 +6,29 @@
     {{/if}}
   {{/if}}
 </section>
+
+<div class='category-navigation'>
+  {{bread-crumbs categories=categories
+                 category=category
+                 noSubcategories=noSubcategories
+                 hideSubcategories=showingSubcategoryList}}
+
+  {{navigation-bar navItems=navItems filterMode=filterMode}}
+
+  {{#if currentUser}}
+    {{category-notifications-button category=category}}
+  {{/if}}
+
+  {{#if canCreateTopic}}
+    {{d-button  id="create-topic"
+                class="btn-default"
+                action="createTopic"
+                icon="plus"
+                label="topic.create"
+                disabled=cannotCreateTopicOnCategory}}
+  {{/if}}
+
+  {{#if canEditCategory}}
+    {{d-button class="btn-default edit-category" action="editCategory" actionParam=category icon="wrench" label="category.edit_long"}}
+  {{/if}}
+</div>
diff --git a/app/assets/stylesheets/desktop/topic-list.scss b/app/assets/stylesheets/desktop/topic-list.scss
index 63d3e9679..b9059b0dd 100644
--- a/app/assets/stylesheets/desktop/topic-list.scss
+++ b/app/assets/stylesheets/desktop/topic-list.scss
@@ -289,6 +289,10 @@ button.dismiss-read {
   }
 }
 
+.category-navigation {
+  clear: both;
+}
+
 .category-logo {
   max-height: 150px;
   float: left;