From 676d51d0a7c2b332359c96786c702ee26f9630a5 Mon Sep 17 00:00:00 2001
From: Jack Lukic <jack@quirky.com>
Date: Fri, 21 Jun 2013 18:59:35 -0400
Subject: [PATCH] adds last style updates

---
 node/src/files/overrides/views/card.css       | 58 +++++++++----------
 .../files/overrides/views/product.card.css    | 10 +++-
 src/elements/button.less                      |  7 +++
 3 files changed, 44 insertions(+), 31 deletions(-)

diff --git a/node/src/files/overrides/views/card.css b/node/src/files/overrides/views/card.css
index 785765537..cd74da77d 100755
--- a/node/src/files/overrides/views/card.css
+++ b/node/src/files/overrides/views/card.css
@@ -159,63 +159,63 @@
     Categories
 ---------------*/
 
-.ui.cards .card .progress .bar,
+.ui.cards .card:hover .progress .bar,
 .ui.cards .progress .bar,
-.ui.cards .card .progress .bar {
+.ui.cards .card:hover .progress .bar {
   background-color: #D9499A;
 }
 
-.ui.cards .kitchen.card .progress .bar,
-.ui.kitchen.card .progress .bar,
-.ui.kitchen.cards .card .progress .bar {
+.ui.cards .kitchen.card:hover .progress .bar,
+.ui.kitchen.card:hover .progress .bar,
+.ui.kitchen.cards .card:hover .progress .bar {
   background-color: #BED733;
 }
 
-.ui.cards .health.card .progress .bar,
-.ui.health.card .progress .bar,
-.ui.health.cards .card .progress .bar {
+.ui.cards .health.card:hover .progress .bar,
+.ui.health.card:hover .progress .bar,
+.ui.health.cards .card:hover .progress .bar {
   background-color: #F36525;
 }
 
-.ui.cards .home.card .progress .bar,
-.ui.home.card .progress .bar,
-.ui.home.cards .card .progress .bar {
+.ui.cards .home.card:hover .progress .bar,
+.ui.home.card:hover .progress .bar,
+.ui.home.cards .card:hover .progress .bar {
   background-color: #F7D81F;
 }
 
-.ui.cards .electronics.card .progress .bar,
-.ui.electronics.card .progress .bar,
-.ui.electronics.cards .card .progress .bar {
+.ui.cards .electronics.card:hover .progress .bar,
+.ui.electronics.card:hover .progress .bar,
+.ui.electronics.cards .card:hover .progress .bar {
   background-color: #00B1DB;
 }
 
-.ui.cards .travel.card .progress .bar,
-.ui.travel.card .progress .bar,
-.ui.travel.cards .card .progress .bar {
+.ui.cards .travel.card:hover .progress .bar,
+.ui.travel.card:hover .progress .bar,
+.ui.travel.cards .card:hover .progress .bar {
   background-color: #D2232A;
 }
 
-.ui.cards .parenting.card .progress .bar,
-.ui.parenting.card .progress .bar,
-.ui.parenting.cards .card .progress .bar {
+.ui.cards .parenting.card:hover .progress .bar,
+.ui.parenting.card:hover .progress .bar,
+.ui.parenting.cards .card:hover .progress .bar {
   background-color: #94297B;
 }
 
-.ui.cards .pets.card .progress .bar,
-.ui.pets.card .progress .bar,
-.ui.pets.cards .card .progress .bar {
+.ui.cards .pets.card:hover .progress .bar,
+.ui.pets.card:hover .progress .bar,
+.ui.pets.cards .card:hover .progress .bar {
   background-color: #01B5AA;
 }
 
-.ui.cards .play.card .progress .bar,
-.ui.play.card .progress .bar,
-.ui.play.cards .card .progress .bar {
+.ui.cards .play.card:hover .progress .bar,
+.ui.play.card:hover .progress .bar,
+.ui.play.cards .card:hover .progress .bar {
   background-color: #ED3897;
 }
 
-.ui.cards .wildcard.card .progress .bar,
-.ui.wildcard.card .progress .bar,
-.ui.wildcard.cards .card .progress .bar {
+.ui.cards .wildcard.card:hover .progress .bar,
+.ui.wildcard.card:hover .progress .bar,
+.ui.wildcard.cards .card:hover .progress .bar {
   background-color: #9DA6AB;
 }
 
diff --git a/node/src/files/overrides/views/product.card.css b/node/src/files/overrides/views/product.card.css
index e4fd5c2c3..03f870307 100755
--- a/node/src/files/overrides/views/product.card.css
+++ b/node/src/files/overrides/views/product.card.css
@@ -91,7 +91,13 @@
 .ui.product.cards .card > .product .description,
 .ui.product.card > .product .description {
   margin: 1rem;
-  min-height: 2.85em;
+  min-height: 2.8em;
+  line-height: 1.4;
+}
+.ui.product.cards .card > .product .tagline,
+.ui.product.card > .product .tagline {
+  margin: 1rem;
+  min-height: 1.4em;
   line-height: 1.4;
 }
 
@@ -170,7 +176,7 @@
 
 .ui.product.cards .card .dimmer .buttons,
 .ui.product.card .dimmer .buttons {
-  width: 70%;
+  width: 75%;
   padding: 0em 0.6em;
 }
 
diff --git a/src/elements/button.less b/src/elements/button.less
index 111498cf3..bbc17ede0 100755
--- a/src/elements/button.less
+++ b/src/elements/button.less
@@ -745,11 +745,18 @@
   padding-left: 1.4em !important;
   padding-right: 4em !important;
 }
+.ui.left.fluid.labeled.icon.button,
+.ui.right.fluid.labeled.icon.button {
+  padding-left: 1.4em !important;
+  padding-right: 1.4em !important;
+}
+
 .ui.right.labeled.icon.button .icon {
   left: auto;
   right: 0em;
 }
 
+
 /*--------------
      Toggle
 ---------------*/