[libadwaita/wip/exalm/buttons-5: 11/18] stylesheet: Redo the message dialog action area

[Alexander Mikhaylenko <alexm src gnome org>]

commit f92ff0a1251928ef8f2b45889c3bca6e6a6a1016
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Thu Jun 10 22:49:56 2021 +0500

    stylesheet: Redo the message dialog action area
    
    Use flat buttons, separate the top border. Prepare for the new button
    style.

 src/stylesheet/widgets/_message-dialog.scss | 28 ++++++++++++++++------------
 1 file changed, 16 insertions(+), 12 deletions(-)
---
diff --git a/src/stylesheet/widgets/_message-dialog.scss b/src/stylesheet/widgets/_message-dialog.scss
index 47cd7124..968b124f 100644
--- a/src/stylesheet/widgets/_message-dialog.scss
+++ b/src/stylesheet/widgets/_message-dialog.scss
@@ -24,20 +24,24 @@ window.dialog.message {
       border-bottom-right-radius: $window_radius+1;
     }
 
-    .dialog-action-area button {
-      padding: 10px 14px; // labels are not vertically centered on message dialog, this is a workaround
-      border-radius: 0;
-      border-left-style: solid;
-      border-right-style: none;
-      border-bottom-style: none;
+    .dialog-action-area {
+      border-top: 1px solid $borders_color;
 
-      &:first-child {
-        border-left-style: none;
-        border-bottom-left-radius: 7px;
-      }
+      > button {
+        @extend %button_basic_flat;
+        padding: 10px 14px; // labels are not vertically centered on message dialog, this is a workaround
+        border-radius: 0;
+        border: none;
+        border-left: 1px solid $borders_color;
+
+        &:first-child {
+          border-bottom-left-radius: $window_radius+1;
+          border-left: none;
+        }
 
-      &:last-child {
-        border-bottom-right-radius: 7px;
+        &:last-child {
+          border-bottom-right-radius: $window_radius+1;
+        }
       }
     }
   }