Dialogs and Vuetify styling changes

src/assets/css/chat.scss

@@ -22,6 +22,15 @@ body {
   }
 }
 
+.v-input.no-underline {
+  .v-field__outline {
+    /* Remove text underline */
+    color: transparent !important;
+    min-height: 20px;
+    overflow: hidden;
+  }
+}
+
 .home {
   .v-card {
     background-color: white;
@@ -312,7 +321,20 @@ body {
       font-family: "Inter", sans-serif;
       font-weight: 300;
       font-size: 18 * $chat-text-size;
-      .v-input__slot {
+
+      .v-field__overlay {
+        display: none;
+      }
+      .v-field__input {
+        padding: 0;
+        min-height: 32px;
+        mask-image: none;
+        -webkit-mask-image: none;
+        font-family: "Inter", sans-serif;
+        font-weight: 300;
+        font-size: 18 * $chat-text-size;
+      }
+      .v-field__outline {
         /* Remove text underline */
         color: transparent !important;
         min-height: 20px;

src/assets/css/main.scss

@@ -131,21 +131,28 @@ body { position:absolute; top:0; bottom:0; right:0; left:0; }
     }
 }
 
-.v-dialog {
+.v-dialog-rounded > * {
     border-radius: 20px !important;
+}
+
+.v-dialog {
     .dialog-content {
+        border-radius: 20px !important;
         padding: 20px;
         background-color: white;
     }
+
     .dialog-title {
         word-break: break-word;
         text-align: center;
+        padding: 16px 24px 10px 24px;
         margin-bottom: 20px;
     }
 
     .dialog-text {
         text-align: left;
         word-break: break-word;
+
         a {
             color: black;
             text-decoration: underline;