faq design

Author: odeliaevgi

AgudaApp/src/pages/info-tabs/faq/faq.html

@@ -19,21 +19,15 @@ <h1>עמוד מידע פנימי - שאלות ותשובות</h1>
 
     <ion-searchbar (ionInput)="getItems($event)" placeholder="חיפוש"></ion-searchbar>
     <ion-list  >
-        <ion-item *ngFor="let item of items; let i = index" >
+        <ion-item  *ngFor="let item of items; let i = index" >
 
-
-
-
-             
-
-
-
-            <ion-item (click)="toggleSection(i)" >
-                {{ item.quest }}
+            <ion-item no-lines (click)="toggleSection(i)" >
+              {{ item.quest }} 
+              <br>
+              <br>
+                <p *ngIf="item.isOpen" text-wrap>{{item.ans}}</p>
             </ion-item>
-            <ion-item *ngIf="item.isOpen">
-                    <p text-wrap>{{item.ans}}</p>
-                </ion-item>
+          
         </ion-item>
 
 

AgudaApp/src/pages/info-tabs/faq/faq.scss

@@ -1,5 +1,8 @@
 page-faq {
     .searchbar-input {
         direction: rtl;
+        
     }
+    
+    
 }

AgudaApp/src/pages/info-tabs/faq/faq.ts

@@ -30,7 +30,7 @@ items;
 
   initializeItems() {
     this.items=[
-      {quest: "Wallpapers", ans: "6",isOpen:false},
+      {quest: "מה המייל של משה זילברמן ראש החוג להנדסת מכונות?", ans: "6",isOpen:false},
       {quest: "Galaxy", ans: "3",isOpen:false},
       {quest: "bla", ans: "lala",isOpen:false},
       {quest: "no", ans: "yes",isOpen:false},