adjust draggable regions on macos

src/scss/environment.scss

@@ -9,20 +9,21 @@
 }
 
 html.os_macos {
-    body {
-        -webkit-app-region: drag
+    body.layout_frontend {
+        -webkit-app-region: drag;
+
+        button, a, span, input, p, h1, h2, h3, h4, h5, h6, img, select,
+        textarea, label, .box, .modal-backdrop {
+            -webkit-app-region: no-drag;
+        }
     }
 
-    button, a, span, input, p, h1, h2, h3, h4, h5, h6, img, select, textarea, .box {
-        -webkit-app-region: no-drag;
-    }
-
-    #login-page, #register-page, #hint-page, #two-factor-page, #lock-page {
+    #login-page {
         .content {
             a.settings-icon {
                 position: absolute;
                 left: unset;
-                right: 10px;
+                right: 20px;
 
                 span {
                     margin-right: 8px;
@@ -32,8 +33,16 @@ html.os_macos {
         }
     }
 
-    #groupings {
-        padding-top: 24px;
+    #vault .mac-bar {
+        height: 37px;
+        -webkit-app-region: drag
     }
 
+    #vault > #groupings > .content > .inner-content {
+        padding-top: 0;
+    }
+
+    #vault > #logo {
+        -webkit-app-region: drag;
+    }
 }