From c9ba2179e82a35e639fcb7dc9ad82d0b347e167c Mon Sep 17 00:00:00 2001
From: Ahmet C <cetin.ahmet@live.de>
Date: Mon, 14 Jun 2021 03:39:45 +0200
Subject: [PATCH] - Remove empty lines - Add Spacing between tags

---
 .../cloud-configuration.component.html               | 12 +++---------
 .../cloud-configuration.component.scss               |  5 +++++
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/app/components/shared/_dialogs/cloud-configuration/cloud-configuration.component.html b/src/app/components/shared/_dialogs/cloud-configuration/cloud-configuration.component.html
index 6315ca17a..7cb387e75 100644
--- a/src/app/components/shared/_dialogs/cloud-configuration/cloud-configuration.component.html
+++ b/src/app/components/shared/_dialogs/cloud-configuration/cloud-configuration.component.html
@@ -62,9 +62,6 @@
         <mat-action-row>
           <button mat-icon-button (click)="nextStep()"><mat-icon>expand_more</mat-icon></button>        </mat-action-row>
       </mat-expansion-panel>
-
-
-      <!--  Fonts-->
       <mat-expansion-panel [expanded]="step == 1" (opened)="setStep(1)" class="matExpansionPanel">
         <mat-expansion-panel-header>
           <mat-panel-title>
@@ -85,9 +82,9 @@
           </mat-form-field>
         </div>
         <div class="input-row special-settings automatic-spelling" fxLayout="row" fxLayoutGap="5px" fxLayout.xs="column">
-          <mat-radio-group matTooltip="{{'tag-cloud-config.notation-tooltip' | translate}}" aria-label="Notation:"> {{'tag-cloud-config.notation' | translate}}
-            <div><mat-checkbox value="italic" (change)="italicChecked($event)">{{'tag-cloud-config.font-style-italic' | translate}}</mat-checkbox> </div>
-            <div><mat-checkbox value="bold" (change)="boldChecked($event)" >{{'tag-cloud-config.font-style-bold' | translate}}</mat-checkbox> </div>
+          <mat-radio-group matTooltip="{{'tag-cloud-config.notation-tooltip' | translate}}" aria-label="Notation:"> 
+            <div><mat-slide-toggle value="italic" (change)="italicChecked($event)"[ngModelOptions]="{standalone: true}">{{'tag-cloud-config.font-style-italic' | translate}}</mat-slide-toggle> </div>
+            <div><mat-slide-toggle value="bold" (change)="boldChecked($event)" [ngModelOptions]="{standalone: true}">{{'tag-cloud-config.font-style-bold' | translate}}</mat-slide-toggle> </div>
           </mat-radio-group>
         </div>
         <div class="input-row" fxLayout="column" fxLayoutGap="5px">
@@ -106,14 +103,11 @@
               matTooltip="{{'tag-cloud-config.font-size-max-tooltip' | translate}}" />
           </mat-form-field>
         </div>
-
-
         <mat-action-row>
           <button mat-icon-button (click)="prevStep()"><mat-icon>expand_less</mat-icon></button>
           <button mat-icon-button (click)="nextStep()"><mat-icon>expand_more</mat-icon></button>
         </mat-action-row>
       </mat-expansion-panel>
-
         <mat-expansion-panel [expanded]="step == 2" (opened)="setStep(2)" class="matExpansionPanel">
           <mat-expansion-panel-header>
             <mat-panel-title>
diff --git a/src/app/components/shared/_dialogs/cloud-configuration/cloud-configuration.component.scss b/src/app/components/shared/_dialogs/cloud-configuration/cloud-configuration.component.scss
index 386c2f5d8..75db57c50 100644
--- a/src/app/components/shared/_dialogs/cloud-configuration/cloud-configuration.component.scss
+++ b/src/app/components/shared/_dialogs/cloud-configuration/cloud-configuration.component.scss
@@ -194,6 +194,8 @@ mat-divider {
 
 .weight-class-setting-content {
   border-top: 3px solid var(--primary);
+  padding-top: 20px;
+  padding-bottom: 15px;
 }
 
 .weight-class-heading {
@@ -240,3 +242,6 @@ mat-divider {
   border-top: 2px solid var(--primary);
   padding-top: 10px;
 }
+.automatic-spelling{
+  padding-bottom: 30px;
+}
-- 
GitLab