[fractal] css: Round corners for chat view

[Daniel Garcia Moreno <danigm src gnome org>]

commit 8862d9ef273046ec75521fc56df9b5a39fe00848
Author: Christopher Davis <brainblasted disroot org>
Date:   Fri Oct 2 16:37:34 2020 -0700

    css: Round corners for chat view
    
    The newer Adwaita uses rounded corners in many places.
    To go along with that, this commit adjusts many areas
    with straight corners or existing round corners to bring
    them more in line with Adwaita's styling.

 fractal-gtk/res/app.css | 25 +++++++++++++++++--------
 1 file changed, 17 insertions(+), 8 deletions(-)
---
diff --git a/fractal-gtk/res/app.css b/fractal-gtk/res/app.css
index f101e12b..5f38b05f 100644
--- a/fractal-gtk/res/app.css
+++ b/fractal-gtk/res/app.css
@@ -87,13 +87,18 @@
 }
 
 frame.room-directory > border {
-  border-top-left-radius: 6px;
-  border-top-right-radius: 6px;
+  border-top-left-radius: 9px;
+  border-top-right-radius: 9px;
 }
 
 .room-directory {
-  border-top-left-radius: 6px;
-  border-top-right-radius: 6px;
+  border-top-left-radius: 9px;
+  border-top-right-radius: 9px;
+}
+
+.room-directory row:first-child {
+  -gtk-outline-top-left-radius: 9px;
+  -gtk-outline-top-right-radius: 9px;
 }
 
 .room-directory row {
@@ -158,6 +163,11 @@ row:not(:selected) .member-uid {
   background-color: @theme_base_color;
 }
 
+.messages-history > row {
+  border-radius: 9px;
+  -gtk-outline-radius: 9px;
+}
+
 .messages-history > row:not(.msg-mention) {
   padding: 6px 9px;
 }
@@ -183,13 +193,12 @@ row.msg-mention {
   padding: 6px;
   padding-right: 9px;
   padding-left: 6px;
-  border-radius: 3px;
 }
 
 row.msg-tmp {
   color: alpha(@theme_fg_color, 0.4);
   background-color: alpha(@theme_bg_color, 0.8);
-  border-radius: 3px;
+  border-radius: 9px;
 }
 
 row.msg-emote {
@@ -257,7 +266,7 @@ row .timestamp {
 }
 
 .autocomplete row {
-  border-radius: 3px;
+  border-radius: 6px;
   padding: 6px;
 }
 
@@ -273,7 +282,7 @@ row .timestamp {
 
 .message-input {
   background-color: @theme_base_color;
-  border-radius: 3px;
+  border-radius: 5px;
   border: 1px solid @borders;
   padding: 6px;
 }