fix/issue-106: updating css and code for long condition names

CarnegieLearningWeb · Mar 5, 2021 · b05ac07 · b05ac07
1 parent f9f765f
commit b05ac07
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/...ting/src/app/features/dashboard/home/pages/view-experiment/view-experiment.component.html b/...ting/src/app/features/dashboard/home/pages/view-experiment/view-experiment.component.html
@@ -92,18 +92,19 @@
                   class="ft-18-700 section-data-value section-data-value--editable"
                   (click)="openDialog(DialogType.CHANGE_POST_EXPERIMENT_RULE)"
                 >{{ experiment.postExperimentRule | titlecase }}</span>
-                <span class="ft-16-400 experiment-description" *ngIf= "experiment.postExperimentRule === 'assign'">
-                  {{ experiment.revertTo ? getConditionCode(experiment.revertTo, experiment.id) : "(" + ('home-global.post-experiment-rule.default.text' | translate)  + ")" }}
-                </span>
-                <p>&ensp;</p>
                 <mat-icon class="edit-icon" *ngIf="permissions?.experiments.update">create</mat-icon>
+                <br />
+                <p>&ensp;&ensp;&ensp;&ensp;</p>
+                <td><span class="ft-16-400 experiment-description" *ngIf= "experiment.postExperimentRule === 'assign'">
+                  {{ experiment.revertTo ? getConditionCode(experiment.revertTo, experiment.id) : "(" + ('home-global.post-experiment-rule.default.text' | translate)  + ")" }}
+                </span></td>
               </ng-container>
               <ng-template #readOnlyRule>
                 <span class="ft-18-700 section-data-value">{{ experiment.postExperimentRule | titlecase }}</span>
                 <span class="ft-16-400 experiment-description" *ngIf= "experiment.postExperimentRule === 'assign'">
                   {{ experiment.revertTo ? getConditionCode(experiment.revertTo, experiment.id) : "(" + ('home-global.post-experiment-rule.default.text' | translate)  + ")" }} 
                 </span>
-                <p>&ensp;</p>
+
               </ng-template>
             </div>
           </div>

diff --git a/...ting/src/app/features/dashboard/home/pages/view-experiment/view-experiment.component.scss b/...ting/src/app/features/dashboard/home/pages/view-experiment/view-experiment.component.scss
@@ -59,6 +59,7 @@ $font-size-small: 15px;
       display: block;
       margin: 14px 0 10px;
       color: var(--grey-3);
+      padding-left: 12px;
     }
 
     &-create-date {