[gnome-shell-sass] shellMountOperation: Implement new dialog design

[Florian Müllner <fmuellner src gnome org>]

commit 3e219a913150d43d9e4a3fc8c4d9be04563bdd05
Author: Jonas Dreßler <verdre v0yd nl>
Date:   Sun Dec 8 13:08:13 2019 +0100

    shellMountOperation: Implement new dialog design
    
    Update the layout of the ShellMountPasswordDialog dialog according to
    the new dialog design:
    
    - Center-align all the elements of the dialog
    - Align the work-spinner to the right (or left with RTL layouts) of the
    password entry
    - Show the entry-labels as hint text of the entry
    
    See https://gitlab.gnome.org/GNOME/gnome-shell/issues/1343
    
    https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/942

 widgets/_dialogs.scss | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)
---
diff --git a/widgets/_dialogs.scss b/widgets/_dialogs.scss
index 88f28d7..01615e2 100644
--- a/widgets/_dialogs.scss
+++ b/widgets/_dialogs.scss
@@ -95,6 +95,19 @@
   text-align: right;
 }
 
+.prompt-dialog-password-grid {
+  spacing-rows: 8px;
+  spacing-columns: 4px;
+
+  .prompt-dialog-password-entry {
+    width: auto;
+
+    // 4px (spacing) + 16px (spinner-width)
+    &:ltr { margin-left: 20px; }
+    &:rtl { margin-right: 20px; }
+  }
+}
+
 .prompt-dialog-password-layout {
   spacing: 8px;
 }
@@ -114,11 +127,6 @@
   color: $warning_color;
 }
 
-.prompt-dialog-grid {
-  spacing-rows: 15px;
-  spacing-columns: 1em;
-}
-
 
 /* Polkit Dialog */