From a2a02598d0f453a428b4b3c12e233a541b634ef9 Mon Sep 17 00:00:00 2001
From: Max Peintner <max@caos.ch>
Date: Tue, 31 Oct 2023 07:33:32 +0100
Subject: [PATCH] fix(console): minor layout issues (#6835)

Co-authored-by: Livio Spring <livio.a@gmail.com>
---
 .../add-domain-dialog/add-domain-dialog.module.ts |  2 +-
 console/src/app/modules/domains/domains.module.ts |  2 ++
 .../modules/edit-text/edit-text.component.scss    |  4 ++++
 .../login-texts/login-texts.component.scss        |  1 +
 .../message-texts/message-texts.component.html    |  4 +++-
 .../message-texts/message-texts.component.scss    | 15 ++++++---------
 .../src/app/pages/events/events.component.scss    |  6 +++---
 7 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/console/src/app/modules/domains/add-domain-dialog/add-domain-dialog.module.ts b/console/src/app/modules/domains/add-domain-dialog/add-domain-dialog.module.ts
index b6c2ac732..cd5b79d4a 100644
--- a/console/src/app/modules/domains/add-domain-dialog/add-domain-dialog.module.ts
+++ b/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 {}
diff --git a/console/src/app/modules/domains/domains.module.ts b/console/src/app/modules/domains/domains.module.ts
index 03bb40c94..a191c47e3 100644
--- a/console/src/app/modules/domains/domains.module.ts
+++ b/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,
diff --git a/console/src/app/modules/edit-text/edit-text.component.scss b/console/src/app/modules/edit-text/edit-text.component.scss
index d19b42693..c81a4700c 100644
--- a/console/src/app/modules/edit-text/edit-text.component.scss
+++ b/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 {
diff --git a/console/src/app/modules/policies/login-texts/login-texts.component.scss b/console/src/app/modules/policies/login-texts/login-texts.component.scss
index ba0bf63e3..b6e2fad86 100644
--- a/console/src/app/modules/policies/login-texts/login-texts.component.scss
+++ b/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 {
diff --git a/console/src/app/modules/policies/message-texts/message-texts.component.html b/console/src/app/modules/policies/message-texts/message-texts.component.html
index d5b71f288..5644fe766 100644
--- a/console/src/app/modules/policies/message-texts/message-texts.component.html
+++ b/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"
diff --git a/console/src/app/modules/policies/message-texts/message-texts.component.scss b/console/src/app/modules/policies/message-texts/message-texts.component.scss
index 10f811b3c..be1327a49 100644
--- a/console/src/app/modules/policies/message-texts/message-texts.component.scss
+++ b/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;
-    }
-  }
 }
diff --git a/console/src/app/pages/events/events.component.scss b/console/src/app/pages/events/events.component.scss
index ee275a38c..5a9ac466c 100644
--- a/console/src/app/pages/events/events.component.scss
+++ b/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;
       }
     }