marjey jobs

src/app/components/generative-activity/generative-activity.component.html

@@ -31,12 +31,12 @@
     </ion-card-header>
 
     <ion-card-content>
-        <div class="select_box" >
+        <div class="select_box" style="padding: 5px;">
             <div style="font-weight: bolder; margin: 10px 0px 5px 0px">Question.</div>
 <!--            <div> {{myNextQuestion.question}}</div>-->
             <div style="color: #1295d3; padding-left: 10px;" [innerHTML]="myNextQuestion.question"></div>
             <div style="font-weight: bolder; margin: 10px 0px 5px 0px">Answer</div>
-            <ion-list>
+            <ion-list style="font-size: 10px;">
                 <ion-radio-group  [(ngModel)]="selected_ans" (ionChange)="checkAnsVAl()">
                     <ion-item  *ngFor="let item of myNextQuestion.option; let i = index">
                         <ion-label>{{item}} </ion-label>
@@ -45,7 +45,7 @@
                 </ion-radio-group>
             </ion-list>
         </div>
-        <div style="width: 100%; text-align: right; margin-top: 10px; display: flex;">
+        <div style="width: 100%; text-align: right; margin-top: 10px; display: flex; ">
             <div style="width: 15%; text-align: left;">
                 <ion-button fill="clear" size="small" (click)="resetQuestion()" >
                     <ion-icon slot="icon-only" color="danger"  name="close-circle-outline"></ion-icon>