feat: update styles

src/components/Connection/connectionFormLogin.scss

@@ -21,9 +21,9 @@
 }
 
 .form {
-  margin: 0 1.5rem;
+  margin: 0 1.3rem 1rem;
   @media #{$large-phone} {
-    margin: 0;
+    margin: 0 0 0.25rem;
   }
   .form-info-provider{
     padding: 0;

src/components/Connection/connectionFormOAuth.scss

@@ -2,9 +2,9 @@
 @import 'src/styles/base/breakpoint';
 
 .koauthform {
-  margin: 0 1.5rem;
+  margin: 0 1.3rem 1rem;
   @media #{$large-phone} {
-    margin: 0;
+    margin: 0 0 0.25rem;
   }
   .koauthform-info-provider {
     padding: 0;
@@ -21,7 +21,6 @@
     padding-top: 0.5rem;
   }
   .koauthform-button {
-    margin-bottom: 1rem;
     button.btn-highlight {
       padding: 0.5rem;
     }

src/components/Connection/connectionResult.scss

@@ -3,9 +3,9 @@
 
 .connection-update-result {
   flex: 1;
-  margin: 0 1.3rem;
+  margin: 0 1.3rem 1rem;
   @media #{$tablet} {
-    margin: 0;
+    margin: 0 0 0.25rem;
   }
   .connection-update-errored {
     background-color: $red-primary;

src/components/Options/profileTypeOptions.scss

@@ -39,9 +39,9 @@
     flex-direction: column;
     flex-wrap: wrap;
     width: 100%;
-    margin: 0 1.5rem;
+    margin: 0 1.3rem 1rem;
     @media #{$large-phone} {
-      margin: 0;
+      margin: 0 0 0.25rem;
     }
   }
   .fields {

src/styles/components/_expansion-panel.scss

@@ -5,6 +5,9 @@ div.expansion-panel-root{
   color: $grey-bright;
   background: $grey-linear-gradient-background;
   border-radius: 4px;
+  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);
+  transition: background-color 0.6s ease;
+  box-sizing: border-box;
   &.Mui-expanded:first-child {
     margin: 1.2rem 0;
   }