Issue #ED-1174 merge: Merge pull request #8550 from sri-pusuluri/ED-1174

Issue #ED-1174 fix : Unwanted Space and Text is not bold on the Digital Textbook Creation Popup
Sunbird-Ed · Feb 9, 2023 · c163580 · c163580
2 parents adc6348 + 7823d01
commit c163580
Showing 1 changed file with 8 additions and 10 deletions.
diff --git a/...onents/content-creation-default-template/content-creation-default-template.component.html b/...onents/content-creation-default-template/content-creation-default-template.component.html
@@ -1,27 +1,25 @@
 
-<div class="ui grid sb-form m-0 sb-workspace-modal p-16">
-  <div *ngFor="let field of formFieldProperties;let i = index" class="{{field.renderingHints.semanticColumnWidth || 'twelve'}} wide column">
+<div class="ui grid sb-form m-0 sb-workspace-modal">
+  <div *ngFor="let field of formFieldProperties;let i = index" class="{{field.renderingHints.semanticColumnWidth || 'twelve'}} wide column py-4">
 
     <div *ngIf="field.inputType==='text' || field.inputType==='number'" class="sb-field-group" [ngClass]="{ 'disabled':!field.editable}">
-      <label>
-        {{field.label}}
-      </label>
-      <span class="sb-color-red" *ngIf="(field.required == true)">*</span>
+      <label>{{field.label}} <span class="sb-color-red" *ngIf="(field.required == true)">*</span></label>
+
       <div class="sb-field">
         <input class="sb-form-control" name={{field.code}} type={{field.inputType}} [(ngModel)]="formInputData[field.code]" placeholder={{field.placeholder}} autofocus>
       </div>
     </div>
 
     <div *ngIf="field.inputType==='select' && field.code!='year' && field.code!='contentType'" class="sb-field-group" [ngClass]="{ 'disabled':!field.editable}">
-      <label>{{field.label}}</label><span class="sb-color-red" *ngIf="(field.required == true)">*</span>
+      <label>{{field.label}} <span class="sb-color-red" *ngIf="(field.required == true)">*</span></label>
       <div class="sb-field">
         <sui-select id={{field.code}}  name={{field.code}} class="selection" [(ngModel)]="formInputData[field.code]" (ngModelChange)="updateForm({index:i, field:field, value:formInputData[field.code],formData:formInputData})">
           <sui-select-option *ngFor="let option of categoryList[field.code]" [value]="option.name"></sui-select-option>
         </sui-select>
       </div>
     </div>
     <div *ngIf="field.inputType==='select' && field.code==='contentType'"  class="sb-field-group" [ngClass]="{ 'disabled':!field.editable}">
-      <label>{{field.label}}</label><span class="sb-color-red" *ngIf="(field.required == true)">*</span>
+      <label>{{field.label}} <span class="sb-color-red" *ngIf="(field.required == true)">*</span></label>
       <div class="sb-field">
         <sui-select id={{field.code}} [options]="categoryList[field.code]"
                     labelField="name" valueField="value" name={{field.code}} class="selection" [(ngModel)]="formInputData[field.code]" (ngModelChange)="updateForm({index:i, field:field, value:formInputData[field.code],formData:formInputData})">
@@ -30,7 +28,7 @@
       </div>
     </div>
     <div *ngIf="field.inputType==='multiSelect'" class="sb-field-group" [ngClass]="{ 'disabled':!field.editable}">
-      <label>{{field.label}}</label><span class="sb-color-red" *ngIf="(field.required == true)">*</span>
+      <label>{{field.label}} <span class="sb-color-red" *ngIf="(field.required == true)">*</span></label>
       <div class="sb-field">
         <sui-multi-select id={{field.code}} name={{field.code}} class="selection" [(ngModel)]="formInputData[field.code]" 
         labelField="name" valueField="name"
@@ -41,7 +39,7 @@
       </div>
     </div>
     <div *ngIf="field.code==='year'" class="sb-field-group" [ngClass]="{ 'disabled':!field.editable}">
-      <label>{{field.label}}</label><span class="sb-color-red" *ngIf="(field.required == true)">*</span>
+      <label>{{field.label}} <span class="sb-color-red" *ngIf="(field.required == true)">*</span></label>
       <div class="sb-field">
         <sui-select id={{field.code}}  name={{field.code}} class="selection" [(ngModel)]="formInputData[field.code]">
           <sui-select-option *ngFor="let option of years"  [value]="option"> </sui-select-option>