[gtk: 2/3] Adwaita: Improve emoji picker styling

[Jakub Steiner <jimmac src gnome org>]

commit 34d99ea1d09e37630bfa6e27546251e5606de362
Author: nana-4 <hnmaigo gmail com>
Date:   Sat Dec 12 16:52:49 2020 +0900

    Adwaita: Improve emoji picker styling
    
    - Add borders around the main scrollable content, like most other
      places.
    - Set padding and spacing on .emoji-searchbar and .emoji-toolbar in a
      more proper way.
    - Remove unused button.emoji-section label styles.

 gtk/theme/Adwaita/_common.scss | 25 +++++++++++--------------
 1 file changed, 11 insertions(+), 14 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 845582650d..ba86fdba9c 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -4229,8 +4229,18 @@ stackswitcher.circular {
 
 popover.emoji-picker > contents {
   padding: 0;
+}
 
-  entry.search { margin: 5px; }
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid $borders_color;
+}
+
+.emoji-toolbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid $borders_color;
 }
 
 button.emoji-section {
@@ -4239,7 +4249,6 @@ button.emoji-section {
   border-style: none none solid;
   border-radius: 0;
 
-  margin: 2px 8px 4px;
   padding: 3px 0 0;
   min-width: 32px;
   min-height: 28px;
@@ -4249,20 +4258,8 @@ button.emoji-section {
   box-shadow: none;
   text-shadow: none;
 
-  &:dir(ltr):not(:last-child) { margin-right: 0; }
-  &:dir(rtl):not(:last-child) { margin-left: 0; }
-
   &:hover { border-color: if($variant == 'light', $borders_color, transparentize($fg_color, .9)); }
   &:checked { border-color: $selected_bg_color; }
-
-  label {
-    padding: 0;
-
-    opacity: 0.55;
-  }
-
-  &:hover label { opacity: 0.775; }
-  &:checked label { opacity: 1; }
 }
 
 popover.emoji-picker emoji {