From 286e724682350ac288cfff5e0b7e7c4c45001a47 Mon Sep 17 00:00:00 2001
From: ayumi-signal <143036029+ayumi-signal@users.noreply.github.com>
Date: Fri, 27 Oct 2023 06:17:13 -0700
Subject: [PATCH] Calling css adjustments

---
 stylesheets/_modules.scss                      | 7 +++----
 stylesheets/components/CallSettingsButton.scss | 8 ++++----
 stylesheets/components/CallingToast.scss       | 2 +-
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss
index 15a5fa6001b9..dedec5c8530a 100644
--- a/stylesheets/_modules.scss
+++ b/stylesheets/_modules.scss
@@ -3551,7 +3551,7 @@ button.module-image__border-overlay:focus {
   &__header {
     color: #ffffff;
     font-style: normal;
-    padding-bottom: 24px;
+    padding-bottom: 19px;
     padding-top: calc(24px + var(--title-bar-drag-area-height));
     text-align: center;
     @include calling-text-shadow;
@@ -3670,7 +3670,6 @@ button.module-image__border-overlay:focus {
     top: 0;
     width: 100%;
     z-index: $z-index-above-base;
-    padding-bottom: 1rem;
     -webkit-app-region: drag;
   }
 
@@ -4001,11 +4000,11 @@ button.module-image__border-overlay:focus {
   display: flex;
   justify-content: flex-end;
   position: absolute;
-  top: calc(24px + var(--title-bar-drag-area-height));
+  top: calc(32px + var(--title-bar-drag-area-height));
   width: 100%;
 
   &__button {
-    margin-inline-end: 16px;
+    margin-inline-end: 12px;
   }
 
   &__button:last-child {
diff --git a/stylesheets/components/CallSettingsButton.scss b/stylesheets/components/CallSettingsButton.scss
index 9129d5e76500..e79b3e85390b 100644
--- a/stylesheets/components/CallSettingsButton.scss
+++ b/stylesheets/components/CallSettingsButton.scss
@@ -11,10 +11,10 @@
   border: none;
   border-radius: 40px;
   display: flex;
-  height: 32px;
+  height: 36px;
   justify-content: center;
   outline: none;
-  width: 32px;
+  width: 36px;
 
   @include keyboard-mode {
     &:focus {
@@ -25,8 +25,8 @@
 }
 
 .CallSettingsButton__Icon {
-  height: 18px;
-  width: 18px;
+  height: 20px;
+  width: 20px;
   border: none;
 }
 
diff --git a/stylesheets/components/CallingToast.scss b/stylesheets/components/CallingToast.scss
index 6bdbbbb428b6..15ae45880d87 100644
--- a/stylesheets/components/CallingToast.scss
+++ b/stylesheets/components/CallingToast.scss
@@ -42,7 +42,7 @@
 
 .CallingButtonToasts .CallingToasts {
   position: absolute;
-  top: -16px;
+  top: -20px;
   transform: translateY(-100%);
   /* stylelint-disable-next-line liberty/use-logical-spec */
   left: 0;