[gtk+/wip/matthiasc/emoji-picker] Better css

[Matthias Clasen <matthiasc src gnome org>]

commit 7f70cc290198ba209669bbf18c4dacd3be4f9bdf
Author: Matthias Clasen <mclasen redhat com>
Date:   Thu Aug 10 13:28:27 2017 -0400

    Better css

 tests/gtkemojipicker.css |   30 +++++++++++++++++++++++++++---
 1 files changed, 27 insertions(+), 3 deletions(-)
---
diff --git a/tests/gtkemojipicker.css b/tests/gtkemojipicker.css
index 403f41c..6944624 100644
--- a/tests/gtkemojipicker.css
+++ b/tests/gtkemojipicker.css
@@ -1,4 +1,28 @@
-.emojicell:hover {
-  background: lightgray;
-  border-radius: 6px;
+.emoji {
+  font-size: xx-large;
+  padding: 8px;
+  border-radius: 8px;
+}
+
+.emoji:hover {
+  background: @theme_selected_bg_color;
+}
+
+button.emoji-section {
+  padding: 4px;
+}
+
+button.emoji-section:checked {
+  border-color: transparent;
+  background: transparent;
+}
+
+button.emoji-section label {
+  border-color: transparent;
+  border-bottom: 2px solid transparent;
+  padding: 0 12px;
+}
+
+button.emoji-section:checked label {
+  border-bottom-color: @theme_selected_bg_color;
 }