Add profile dialog

frontend/src/css/_chat.scss

@@ -2,7 +2,6 @@
 @use "common/material" as *;
 
 #chat-interface {
-    /* Header */
     .header {
         display: flex;
         background-color: $color-dark-surface-container;
@@ -16,7 +15,6 @@
         top: 0;
         right: 0;
 
-
         .header-content {
             display: flex;
             justify-content: space-between;
@@ -33,6 +31,7 @@
                 display: none;
                 list-style: none;
                 gap: 10px;
+
                 li {
                     a {
                         color: white;
@@ -83,19 +82,24 @@
 
                 .chat-header-info {
                     display: flex;
-                    .info-chat{
+
+                    .info-chat {
                         display: flex;
                         flex-direction: column;
+
                         h4 {
                             font-size: 1.1rem;
+                            margin: 0;
                             margin-bottom: 0.2rem;
                         }
 
                         p {
+                            margin: 0;
                             font-size: 0.8rem;
                             color: #718096;
                         }
                     }
+
                     .online-status {
                         display: inline-block;
                         width: 10px;
@@ -104,7 +108,8 @@
                         background-color: $success;
                         margin-right: 5px;
                     }
-                    a{
+
+                    a {
                         display: flex;
                         flex-direction: row;
                         text-decoration: none;
@@ -115,7 +120,8 @@
                         position: absolute;
                         right: 2%;
                         top: 2%;
-                        &:hover{
+
+                        &:hover {
                             border: none;
                         }
                     }
@@ -249,5 +255,4 @@
             }
         }
     }
-    
 }

frontend/src/css/style.scss

@@ -9,9 +9,8 @@
 @use "lib/fonts/montserrat";
 @use "lib/fonts/material-symbols";
 
+
 * {
-    margin: 0;
-    padding: 0;
     box-sizing: border-box;
 }
 
@@ -22,5 +21,15 @@ body {
     line-height: 1.6;
     height: 100vh;
     position: relative;
+    margin: 0;
+}
 
+mdui-dialog {
+    > *:first-child {
+        margin-block-start: 0;
+    }
+
+    > *:last-child {
+        margin-block-end: 0;
+    }
 }