From 995218223b0eac9d3c80c3dda68e4af069d48817 Mon Sep 17 00:00:00 2001
From: Rafael Diego <rafael.gomes@serpro.gov.br>
Date: Fri, 4 Dec 2015 09:33:19 -0200
Subject: [PATCH] Botao fechar das respostas das propostas

---
 src/app/pages/programas/programa.html  | 81 +++++++++++++++++++++++++++++++++++++++++++++------------------------------------
 src/app/pages/programas/programas.scss | 15 +++++++++++++++
 2 files changed, 60 insertions(+), 36 deletions(-)

diff --git a/src/app/pages/programas/programa.html b/src/app/pages/programas/programa.html
index 6489ae8..269be54 100644
--- a/src/app/pages/programas/programa.html
+++ b/src/app/pages/programas/programa.html
@@ -266,51 +266,60 @@
                                     </div>
                                 </div>
                             </div>
+                            <div class="row">
+                                <div class="col-sm-12">
+                                    <button class="btn btn-block btn-close-response pull-right color-theme-common-fg" ng-click="pagePrograma.toggleResponseVisibility(proposal)">
+                                        FECHAR
+                                        <div class="button-right-icon icon-circle icon-small icon-circle-close-response color-theme-common-bg pull-right">
+                                            <span class="glyphicon glyphicon-remove icon-white" aria-hidden="true"></span>
+                                        </div>  
+                                    </button>  
+                                </div>
+                            </div>
                         </div>
                     </div>
                 </div>
-            </div>
-            <div class="response--context vertical-padding">
-                <div class="container">
-                    <div class="row">
-                        <div class="col-sm-5">
-                            <div class="button--themed">
-                                <a class="btn btn-block" ui-sref="respostas">
-                                    <span>Veja todas as propostas</span>
-                                    <br/>
-                                    <span>Respondidas pelo governo</span>
-                                    <span class="glyphicon glyphicon-chevron-right"></span>
-                                </a>
+                <div class="response--context vertical-padding">
+                    <div class="container">
+                        <div class="row">
+                            <div class="col-sm-5">
+                                <div class="button--themed">
+                                    <a class="btn btn-block" ui-sref="respostas">
+                                        <span>Veja todas as propostas</span>
+                                        <br/>
+                                        <span>Respondidas pelo governo</span>
+                                        <span class="glyphicon glyphicon-chevron-right"></span>
+                                    </a>
+                                </div>
                             </div>
-                        </div>
-                        <div class="col-sm-2"></div>
-                        <div class="col-sm-5">
-                            <div class="button--themed">
-                                <button type="button" class="btn btn-block" ng-click="pagePrograma.toggleContentVisibility()">
-                                    <span>Informações sobre o programa</span>
-                                    <br/>
-                                    <span>"{{::pagePrograma.article.title}}"</span>
-                                    <span class="glyphicon glyphicon-chevron-right"></span>
-                                </button>
+                            <div class="col-sm-2"></div>
+                            <div class="col-sm-5">
+                                <div class="button--themed">
+                                    <button type="button" class="btn btn-block" ng-click="pagePrograma.toggleContentVisibility()">
+                                        <span>Informações sobre o programa</span>
+                                        <br/>
+                                        <span>"{{::pagePrograma.article.title}}"</span>
+                                        <span class="glyphicon glyphicon-chevron-right"></span>
+                                    </button>
+                                </div>
                             </div>
                         </div>
                     </div>
                 </div>
-            </div>
-        </section>
-        <section class="section-content" ng-style="{ display: pagePrograma.article.archived ? 'none': 'block' }">
-            <div ng-if="pagePrograma.article.archived">
-                <div class="container">
-                    <div class="row">
-                        <div class="col-sm-12 color-theme-fg">
-                            <h3 style="font-weight: bold;">Sobre o programa:</h3>
+            </section>
+            <section class="section-content" ng-style="{ display: pagePrograma.article.archived ? 'none': 'block' }">
+                <div ng-if="pagePrograma.article.archived">
+                    <div class="container">
+                        <div class="row">
+                            <div class="col-sm-12 color-theme-fg">
+                                <h3 style="font-weight: bold;">Sobre o programa:</h3>
+                            </div>
                         </div>
                     </div>
                 </div>
-            </div>
-            <article class="program-content" ng-if="pagePrograma.article" ng-class="pagePrograma.article.slug">
-                <div ng-bind-html="pagePrograma.article.bodyTrusted"></div>
-            </article>
-        </section>
+                <article class="program-content" ng-if="pagePrograma.article" ng-class="pagePrograma.article.slug">
+                    <div ng-bind-html="pagePrograma.article.bodyTrusted"></div>
+                </article>
+            </section>
+        </div>
     </div>
-</div>
diff --git a/src/app/pages/programas/programas.scss b/src/app/pages/programas/programas.scss
index cbfafbd..5637fdd 100644
--- a/src/app/pages/programas/programas.scss
+++ b/src/app/pages/programas/programas.scss
@@ -299,6 +299,21 @@
                 border-radius: 100%;
             }
         }
+
+    }
+
+    .btn-close-response {
+        font-weight: bold;
+        margin-bottom: 20px;
+        width: 120px;
+        background-color: #e1e1e1;
+        
+        .icon-circle-close-response {
+            width: 20px!important;
+            height: 20px!important;
+            color: #e1e1e1;
+            font-size: 14px;
+        }    
     }
 }
 
--
libgit2 0.21.2