From 7a3450ad4b8b3619d13ce4c0a48dff38566bdec0 Mon Sep 17 00:00:00 2001
From: Rob Emery <rob@mintsoft.net>
Date: Tue, 20 Jan 2015 21:42:57 +0000
Subject: [PATCH] ColorCodes: Alignments

---
 lib/DDG/Goodie/ColorCodes.pm             |  2 +-
 share/goodie/color_codes/color_codes.css | 13 ++++++++-----
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/lib/DDG/Goodie/ColorCodes.pm b/lib/DDG/Goodie/ColorCodes.pm
index c2d7f0f09..bf019ea76 100755
--- a/lib/DDG/Goodie/ColorCodes.pm
+++ b/lib/DDG/Goodie/ColorCodes.pm
@@ -99,7 +99,7 @@ sub create_output {
           . "<a href='http://www.color-hex.com/color/" . $hex . "' title='Tints, information and similar colors on color-hex.com' class='tx-clr--dk2'>Info</a></p>"
           . "</div>"
           . "<div class='column2 tx-clr--dk2'>"
-          . "<div>$comps</div>"
+          . "<div class='complementary'>$comps</div>"
           . "<div>$analogs</div>"
           . "</div>";
     
diff --git a/share/goodie/color_codes/color_codes.css b/share/goodie/color_codes/color_codes.css
index 7694c6ebb..cfcb9fb8c 100755
--- a/share/goodie/color_codes/color_codes.css
+++ b/share/goodie/color_codes/color_codes.css
@@ -1,6 +1,6 @@
 .zci--answer .zci--color-codes .colorcodesbox {
-    height: 125px;
-    width: 125px;
+    height: 120px;
+    width: 120px;
     margin: 5px;
     margin-right: 20px;
     margin-top: 3px;
@@ -13,8 +13,8 @@
 
 .zci--answer .zci--color-codes .mini-color {
     display: inline-block;
-    width: 2.0em;
-    height: 2.0em;
+    width: 2.05em;
+    height: 2.05em;
 }
 
 .zci--answer .zci--color-codes p.no_vspace {
@@ -35,7 +35,6 @@
     margin-left: 2em;
 }
 
-
 .zci--answer .zci--color-codes .mini-color:nth-of-type(n+2) {
     margin-left: -0.7em;
 }
@@ -48,4 +47,8 @@
 .zci--answer .zci--color-codes .desc_column {
     display: inline-block;
     width: 10em;
+}
+
+.zci--answer .zci--color-codes .complementary {
+    margin-bottom: 0.25em;
 }
\ No newline at end of file