WEB-35 Make htmlhint pass with no warnings (#2311)

src/app/clients/clients-view/charges/view-charge/view-charge.component.html

@@ -69,7 +69,7 @@
       </div>
     </mat-card-content>
 
-    <div fxLayout="row wrap" class="content" style="padding-top: 10px">
+    <div fxLayout="row wrap" class="content">
       <h1>
         <b> {{ 'labels.heading.Transactions' | translate }} </b>
       </h1>
@@ -110,7 +110,7 @@
         <ng-container matColumnDef="actions">
           <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Actions' | translate }}</th>
           <td mat-cell *matCellDef="let element" [ngClass]="{ strikeoff: element.reversed }">
-            <button mat-raised-button color="primary" (click)="undoTransaction(element.id)" class="delBtn">
+            <button mat-raised-button color="primary" (click)="undoTransaction(element.id)" class="del-btn">
               <fa-icon icon="trash" class="m-r-10"></fa-icon>
             </button>
           </td>

src/app/clients/clients-view/charges/view-charge/view-charge.component.scss

@@ -1,4 +1,4 @@
-.delBtn {
+.del-btn {
   width: 20px !important;
   height: 25px;
   min-width: 20px !important;
@@ -17,3 +17,7 @@
   display: flex;
   justify-content: space-between;
 }
+
+.content {
+  padding-top: 10px;
+}

src/app/clients/clients-view/client-actions/take-survey/take-survey.component.html

@@ -1,7 +1,7 @@
 <div class="container mat-typography">
-  <div class="mat-elevation-z2 surveyCont">
-    <div class="surveySelect" fxLayout="row">
-      <mat-label class="nameLabel">{{ 'labels.inputs.Survey Name' | translate }}</mat-label>
+  <div class="mat-elevation-z2-surveycont">
+    <div class="survey-select" fxLayout="row">
+      <mat-label class="name-label">{{ 'labels.inputs.Survey Name' | translate }}</mat-label>
       <mat-select (selectionChange)="onSurveyChange($event)">
         <mat-option *ngFor="let surveyData of allSurveyData" [value]="surveyData">
           {{ surveyData.name }}
@@ -15,17 +15,16 @@
       <ng-container *ngFor="let component of componentGroups">
         <h2 *ngIf="component[0].componentKey">component[0].componentKey</h2>
 
-        <div fxLayout="column" class="displayQuestions">
+        <div fxLayout="column" class="display-questions">
           <ng-container *ngFor="let question of component">
             <div fxLayout="row" class="question">
-              <mat-label fxFlex="40" class="questionText">{{ question.text }}</mat-label>
+              <mat-label fxFlex="40" class="question-text">{{ question.text }}</mat-label>
 
               <mat-radio-group fxFlex="60" [(ngModel)]="question.answer">
                 <mat-radio-button
                   fxLayout="column"
                   class="radio-button"
                   *ngFor="let options of question.responseDatas"
-                  style="margin-bottom: 5px; align-items: normal; white-space: normal"
                   [value]="options"
                 >
                   <span class="wrap-mat-radio-label">

src/app/clients/clients-view/client-actions/take-survey/take-survey.component.scss

@@ -3,7 +3,7 @@
   padding: 5px;
 }
 
-.displayQuestions {
+.display-questions {
   margin-top: 20px;
 }
 
@@ -15,16 +15,16 @@
   white-space: normal;
 }
 
-.questionText {
+.question-text {
   font-weight: bold;
 }
 
-.surveySelect {
+.survey-select {
   height: 40px;
   margin-bottom: 20px;
 }
 
-.nameLabel {
+.name-label {
   width: 25%;
 }
 
@@ -39,3 +39,9 @@
 .button-submit {
   margin-left: 2%;
 }
+
+.radio-button {
+  margin-bottom: 5px;
+  align-items: normal;
+  white-space: normal;
+}