From 87caeeb3c7659c146ece6aa4f907493cb6b52ce8 Mon Sep 17 00:00:00 2001
From: Rodrigo Souto <rodrigo@colivre.coop.br>
Date: Tue, 12 Aug 2014 19:45:58 +0000
Subject: [PATCH] profile-suggestions: suggestions block style improvements

---
 app/helpers/application_helper.rb     |  2 +-
 plugins/people_block/public/style.css | 11 -----------
 public/designs/themes/base/style.css  | 12 ++----------
 public/stylesheets/application.css    | 54 ++++++++++++++++++++++++++++++++++++------------------
 4 files changed, 39 insertions(+), 40 deletions(-)

diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb
index ecad191..101e85c 100644
--- a/app/helpers/application_helper.rb
+++ b/app/helpers/application_helper.rb
@@ -1433,6 +1433,6 @@ module ApplicationHelper
     end
     last_tag = tags.pop
     tags << last_tag.strip.chop if last_tag.present?
-    content_tag(:p, tags.join)
+    content_tag(:div, tags.join, :class => 'tag-connections')
   end
 end
diff --git a/plugins/people_block/public/style.css b/plugins/people_block/public/style.css
index 5bd4a1e..87cc7f9 100644
--- a/plugins/people_block/public/style.css
+++ b/plugins/people_block/public/style.css
@@ -73,17 +73,6 @@
   width: auto;
   display: block;
 }
-#content .people-block .block-footer-content a,
-#content .friends-block .block-footer-content a,
-#content .members-block .block-footer-content a {
-  position: absolute;
-  top: 2px;
-  right: 0px;
-  font-size: 11px;
-  color: #000;
-  text-decoration: none;
-  padding-right: 15px;
-}
 #content .members-block .block-footer-content .join-leave-button a {
   position: relative;
   background-color: #EEE;
diff --git a/public/designs/themes/base/style.css b/public/designs/themes/base/style.css
index 540c957..6bf0c97 100644
--- a/public/designs/themes/base/style.css
+++ b/public/designs/themes/base/style.css
@@ -416,7 +416,7 @@ div#notice {
   font-variant: normal;
   color: #AAA;
   font-size: 11px;
-  text-align: left;
+  text-align: center;
   border-bottom: 1px solid #AAA;
   padding: 2px 0;
 }
@@ -504,10 +504,7 @@ div#notice {
   display: block;
 }
 
-#content .tags-block .block-footer-content a,
-#content .profile-list-block .block-footer-content a,
-#content .enterprises-block .block-footer-content a,
-#content .communities-block .block-footer-content a {
+.block-footer-content a.view-all {
   position: absolute;
   top: 2px;
   right: 0px;
@@ -515,11 +512,6 @@ div#notice {
   color: #000;
   text-decoration: none;
   padding-right: 15px;
-}
-#content .tags-block .block-footer-content a,
-#content .profile-list-block .block-footer-content a,
-#content .enterprises-block .block-footer-content a,
-#content .communities-block .block-footer-content a.view-all {
   background: url(imgs/arrow-right-p.png) 100% 50% no-repeat;
 }
 
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index 0bb5d18..5c54939 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -1668,6 +1668,10 @@ a.button.disabled, input.disabled {
   padding-bottom: 0px;
 }
 
+#content .block-footer-content .profiles-suggestions a {
+  text-decoration: none;
+}
+
 #content .communities-block .block-footer-content .profiles-suggestions a.accept-suggestion,
 #content .communities-block .block-footer-content .profiles-suggestions a.remove-suggestion {
   position: relative;
@@ -1678,6 +1682,11 @@ a.button.disabled, input.disabled {
   padding-bottom: 3px;
   display: block;
   color: #333;
+  font-size: 11px
+}
+
+#content .block-footer-content .profiles-suggestions a.accept-suggestion:hover {
+  text-decoration: underline;
 }
 
 #content .profiles-suggestions .profile-list a.remove-suggestion {
@@ -1690,6 +1699,7 @@ a.button.disabled, input.disabled {
   font-size: 14px;
   text-align: center;
   font-weight: bold;
+  margin: 1px 1px 0 0;
 }
 
 #content .profiles-suggestions .profile-list a.remove-suggestion:hover {
@@ -3995,39 +4005,31 @@ h1#agenda-title {
 
 /* ==> @import url(manage_contacts_list.css); <== */
 
-.controller-favorite_enterprises .profile-list,
-.controller-friends .profile-list,
-.profiles-suggestions .profile-list {
+.profile-list {
   margin: 0px;
   padding: 0px;
   list-style: none;
 }
-.controller-favorite_enterprises .profile-list li,
-.controller-friends .profile-list li,
-.profiles-suggestions .profile-list li {
+
+.profile-list li {
   float: left;
   margin: 5px;
-  height: 90px;
-  max-height: 80px;
   padding: 5px;
-  border: 2px solid transparent;
   list-style: none;
   position: relative;
 }
+
+.profile-list li:hover {
+  background-color: #eeeeec;
+}
+
 .controller-favorite_enterprises .profile-list li,
 .controller-friends .profile-list li {
   width: 90px;
   max-width: 80px;
 }
 
-.controller-favorite_enterprises .profile-list li:hover,
-.controller-friends .profile-list li:hover,
-.box-1 .profiles-suggestions .profile-list li:hover {
-  border: 2px solid #eeeeec;
-}
-.controller-favorite_enterprises .profile-list img,
-.controller-friends .profile-list img,
-.profiles-suggestions .profile-list img {
+.profile-list img {
   border: none;
 }
 .controller-favorite_enterprises .profile-list a.profile-link,
@@ -4085,6 +4087,18 @@ h1#agenda-title {
   margin: 0px;
 }
 
+.profiles-suggestions .profile-list .extra_info a {
+  padding: 0;
+}
+
+.profile-connections {
+  height: 20px;
+}
+
+.tag-connections {
+  margin-left: 2px;
+}
+
 #content .profiles-suggestions .profile-list .extra_info .profile-suggestion-connection-icon {
   position: relative;
 }
@@ -4092,7 +4106,7 @@ h1#agenda-title {
 .profiles-suggestions .profile-list .extra_info big {
     font-size: 14px;
     font-weight: bold;
-    vertical-align: text-bottom;
+    line-height: 20px;
 }
 
 .profiles-suggestions .profile-list .extra_info span {
@@ -4127,6 +4141,10 @@ h1#agenda-title {
 #content .common-profile-list-block .profiles-suggestions .profile-list a.profile-link {
   text-align: left;
   position: relative;
+  height: 50px;
+  width: 50px;
+  float: left;
+  margin-right: 5px;
 }
 
 /* ==> public/stylesheets/controller_friends.css <== */
--
libgit2 0.21.2