fix(console): minor layout issues (#6835)

Co-authored-by: Livio Spring <livio.a@gmail.com>

console/src/app/modules/domains/add-domain-dialog/add-domain-dialog.module.ts

@@ -10,6 +10,6 @@ import { AddDomainDialogComponent } from './add-domain-dialog.component';
 
 @NgModule({
   declarations: [AddDomainDialogComponent],
-  imports: [CommonModule, TranslateModule, MatDialogModule, MatButtonModule, InputModule, FormsModule],
+  imports: [CommonModule, TranslateModule, MatButtonModule, InputModule, MatDialogModule, FormsModule],
 })
 export class AddDomainDialogModule {}

console/src/app/modules/domains/domains.module.ts

@@ -15,6 +15,7 @@ import { HasRolePipeModule } from 'src/app/pipes/has-role-pipe/has-role-pipe.mod
 import { AddDomainDialogModule } from './add-domain-dialog/add-domain-dialog.module';
 import { DomainVerificationComponent } from './domain-verification/domain-verification.component';
 import { DomainsComponent } from './domains.component';
+import { MatDialogModule } from '@angular/material/dialog';
 
 @NgModule({
   declarations: [DomainsComponent, DomainVerificationComponent],
@@ -30,6 +31,7 @@ import { DomainsComponent } from './domains.component';
     MatTooltipModule,
     CopyToClipboardModule,
     InputModule,
+    MatDialogModule,
     TranslateModule,
     InfoSectionModule,
     MatProgressSpinnerModule,

console/src/app/modules/edit-text/edit-text.component.scss

@@ -22,6 +22,10 @@
 
         .edit-text-area {
           min-height: 80px;
+
+          &.defaulttext {
+            color: if($is-dark-theme, #ffffff50, #00000050);
+          }
         }
 
         &.hovering {

console/src/app/modules/policies/login-texts/login-texts.component.scss

@@ -50,6 +50,7 @@
 .centerline {
   display: flex;
   align-items: center;
+  text-wrap: nowrap;
 }
 
 .content {

console/src/app/modules/policies/message-texts/message-texts.component.html

@@ -53,7 +53,9 @@
     type="submit"
     mat-stroked-button
   >
-    <i class="las la-history"></i> {{ 'ACTIONS.RESETDEFAULT' | translate }}
+    <div class="cnsl-action-button">
+      <i class="las la-history"></i><span>{{ 'ACTIONS.RESETDEFAULT' | translate }}</span>
+    </div>
   </button>
   <button
     class="save-button"

console/src/app/modules/policies/message-texts/message-texts.component.scss

@@ -44,6 +44,12 @@
   padding-top: 1rem;
 }
 
+.centerline {
+  display: flex;
+  align-items: center;
+  text-wrap: nowrap;
+}
+
 .message-text-actions {
   display: flex;
   justify-content: flex-end;
@@ -54,13 +60,4 @@
     display: block;
     margin: 0 0.25rem 3rem 0.25rem;
   }
-
-  .reset-button {
-    display: flex;
-    align-items: center;
-
-    i {
-      margin-bottom: 3px;
-    }
-  }
 }

console/src/app/pages/events/events.component.scss

@@ -33,9 +33,9 @@
       transform: translateY(-50%);
 
       .open-in-dialog-btn {
-        width: 36px;
-        height: 36px;
-        line-height: initial;
+        display: flex;
+        align-items: center;
+        justify-content: center;
       }
     }