From bba9c1e3b92f470bb2fc38cdde5d1478ef42b91e Mon Sep 17 00:00:00 2001
From: Leonardo Merlin <leonardo.merlin@serpro.gov.br>
Date: Mon, 11 Jan 2016 11:42:16 -0200
Subject: [PATCH] Fixes 139. Add styles to program selection at Ranking page.

---
 src/app/components/category-list/category-list.scss |  3 +++
 src/app/components/topics-select/topics-select.html | 21 +++++++++++++--------
 src/app/components/topics-select/topics-select.scss | 16 ++++++++++++++++
 3 files changed, 32 insertions(+), 8 deletions(-)
 create mode 100644 src/app/components/topics-select/topics-select.scss

diff --git a/src/app/components/category-list/category-list.scss b/src/app/components/category-list/category-list.scss
index 0b8727d..0f7a53b 100644
--- a/src/app/components/category-list/category-list.scss
+++ b/src/app/components/category-list/category-list.scss
@@ -1,4 +1,6 @@
 .category-list {
+    margin-bottom: 20px;
+    
     &--title {
         color: #ffffff;
         font-size: 16px;
@@ -9,6 +11,7 @@
         border-top-right-radius: 5px;
         overflow: hidden;
         cursor: pointer;
+        text-transform: uppercase;
     }
 
     .category-list--item {
diff --git a/src/app/components/topics-select/topics-select.html b/src/app/components/topics-select/topics-select.html
index d1a61c9..3b5e165 100644
--- a/src/app/components/topics-select/topics-select.html
+++ b/src/app/components/topics-select/topics-select.html
@@ -1,8 +1,13 @@
-<div class="topics-dropdown">
-  <select
-    ng-model="vm.selectedTopic"
-    ng-change="vm.selectTopic()"
-    ng-options="topic.title for topic in vm.topics track by topic.slug"
-    class="form-control">
-  </select>
-</div>
+<div class="topics-select">
+	<h3 class="category-list--title">
+		Filtrar por <b>Programa</b>
+	</h3>
+	<div class="topics-dropdown">
+		<select
+		ng-model="vm.selectedTopic"
+		ng-change="vm.selectTopic()"
+		ng-options="topic.title for topic in vm.topics track by topic.slug"
+		class="form-control">
+		</select>
+	</div>
+</div>
\ No newline at end of file
diff --git a/src/app/components/topics-select/topics-select.scss b/src/app/components/topics-select/topics-select.scss
new file mode 100644
index 0000000..76ebc2f
--- /dev/null
+++ b/src/app/components/topics-select/topics-select.scss
@@ -0,0 +1,16 @@
+.topics-select {
+	margin-bottom: 15px;
+	
+	.topics-dropdown{
+		background: #fff;
+		padding: 20px 10px;
+		border-bottom-right-radius: 4px;
+    	border-bottom-left-radius: 4px;
+
+		select {
+			height: 45px;
+			background: #dadada;
+			border-bottom: 2px solid #999;
+		}
+	}
+}
\ No newline at end of file
--
libgit2 0.21.2