update borrow + fix invite

src/styles.scss

@@ -1,5 +1,5 @@
 // Custom Theming for Angular Material
-@use '~@angular/material' as mat;
+@use '~@angular/material'as mat;
 // For more information: https://material.angular.io/guide/theming
 // Plus imports for other components in your app.
 
@@ -83,7 +83,8 @@ body {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
 }
 
-app-root, app-main {
+app-root,
+app-main {
   height: 100%;
   max-height: 100%;
   display: flex;
@@ -326,4 +327,46 @@ table {
   position: relative;
   top: -40px;
   right: 15px;
-}
+}
+
+mat-card.success {
+  padding: 0;
+
+  mat-card-header {
+    padding: 16px;
+    padding-bottom: 16px;
+    padding-bottom: 0;
+    background-color: #43A047 !important;
+  }
+
+  mat-card-content {
+    padding: 16px;
+  }
+
+  mat-card-actions {
+    padding: 16px !important;
+    padding-top: 16px;
+    padding-top: 0 !important;
+  }
+}
+
+.mat-card-dialog {
+  .mat-dialog-container {
+    margin: 0;
+    padding: 0;
+
+    .mat-dialog-content {
+      margin: 0;
+      padding: 0;
+
+      .mat-card {
+        margin: 0;
+
+        .mat-card-actions {
+          margin: 0;
+        }
+      }
+    }
+
+  }
+}