From 3e107985ea734714aa7ddbffd3bf8e19b41655b3 Mon Sep 17 00:00:00 2001
From: Augusto dos Anjos Almeida <augusto.almeida@gmail.com>
Date: Sat, 23 May 2015 13:18:11 -0300
Subject: [PATCH] shareicon for program page

---
 index.html       | 31 +++++++++++++++++++++----------
 sass/_share.scss | 20 +++++++++++++++++++-
 2 files changed, 40 insertions(+), 11 deletions(-)

diff --git a/index.html b/index.html
index e0b9ff6..4e1b04a 100644
--- a/index.html
+++ b/index.html
@@ -95,7 +95,7 @@
       <header>
         <h1><a href="#">{{article.title}}</a></h1>
         <a id="display-contrast" href="#">Alto Contraste</a>
-        <div class="social">
+        <div class="social top">
           <ul>
             <li><a href="#" class="fb-share icon icon-facebook" data-description="Aqui suas ideias viram propostas e você ajuda a melhorar as ações do governo">Compartilhar no Facebook</a></li>
             <li><a class="tw-share disabled icon icon-twitter">Compartilhar no Twitter</a></li>
@@ -173,9 +173,7 @@
                 {{/each}}
               </ul>
 
-              <div class="social">
-                <a href="#" class="fb-share" data-caption="{{title}}" data-description="{{stripTags abstract}}">Compartilhar</a>
-              </div>
+              
               <div class="proposal-header">
                 <div class="abstract">
                   <img src="{{../host}}{{image.url}}" alt="Imagem de apresentação do programa."/>
@@ -193,12 +191,25 @@
                 </div>
 
                 <div class="container">
-                  <div class="col-sm-4 col-sm-offset-4">
-                    <div class="go-to-proposal-button">
-                      <a href="#/programas/{{id}}" data-target="proposal-item-{{id}}">
-                        <span class="fa fa-reply"></span>
-                        Participe
-                      </a>
+                  <div class="row">
+                    <div class="col-sm-4">
+                      <div class="go-to-proposal-button">
+                        <a href="#/programas/{{id}}" data-target="proposal-item-{{id}}">
+                          <span class="fa fa-reply"></span>
+                          Participe
+                        </a>
+                      </div>
+                    </div>
+                    <div class="col-sm-4 col-sm-offset-4">
+                      <div class="social right">
+                        <span>COMPARTILHE<br>ESTE PROGRAMA</span>
+                          <ul>
+                            <li><a href="#" class="fb-share icon icon-facebook" data-caption="{{title}}" data-description="{{stripTags abstract}}">Compartilhar no Facebook</a></li>
+                            <li><a class="tw-share disabled icon icon-twitter">Compartilhar no Twitter</a></li>
+                            <li><a class="gp-share disabled icon icon-gplus">Compartilhar no Google Plus</a></li>
+                            <li><a class="ws-share disabled icon icon-whatsapp">Compartilhar no WhatsApp</a></li>
+                          </ul>
+                      </div>
                     </div>
                   </div>
                 </div>
diff --git a/sass/_share.scss b/sass/_share.scss
index 0c89cb0..d2d9698 100644
--- a/sass/_share.scss
+++ b/sass/_share.scss
@@ -1,7 +1,24 @@
 .social {
-	margin-top: 45px;
 	position: relative;
 	z-index: 1;
+	&.top {
+		margin-top: 45px;
+	}
+	&.right {
+		padding-top: 10px;
+		span {
+			display: inline-block;
+			font-size: 12px;
+			font-weight: 300;
+			padding-right: 10px;
+			text-align: right;
+			vertical-align: middle;
+		}
+		ul {
+			display: inline-block;
+			vertical-align: middle
+		}
+	}
 	span {
 		display: block;
 		margin-bottom: 10px;
@@ -19,6 +36,7 @@
 		background-repeat: no-repeat;
 		background-position: 50% !important;
 		background-size: auto !important;
+		border: 0 !important;
 		display: inline-block;
 		height: 36px;
 		min-width: 0 !important;
--
libgit2 0.21.2