Profile Page Styling

mostafa-elhaiany · Oct 29, 2023 · c118daf · c118daf
1 parent 5c5089a
commit c118daf
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/DineDevineUI/src/pages/ProfilePage.css b/DineDevineUI/src/pages/ProfilePage.css
@@ -76,4 +76,12 @@
 .persoLabel {
     display: inline;
     font-size: medium;
+}
+
+ion-card {
+    background: white;
+}
+
+.alert-wrapper.sc-ion-alert-md {
+    background: white !important;
 }
diff --git a/DineDevineUI/src/pages/ProfilePage.tsx b/DineDevineUI/src/pages/ProfilePage.tsx
@@ -143,7 +143,7 @@ const ProfilePage: React.FC<Profile> = (props: Profile) => {
                                     {Object.keys(PERONALITY_TYPES).filter((v) => isNaN(Number(v)) ).map((tag, idx) => <IonSelectOption key={tag+idx} id={"button" + tag}>{tag}</IonSelectOption>)}
                                 </IonSelect>
                                 <div className={"ion-margin-start"}>
-                                    You dont know your personality Type yet? <IonButton>TAKE THE PERSONALITY TEST</IonButton>
+                                    You dont know your personality Type yet? <IonButton className={"ion-margin-bottom"}>TAKE THE PERSONALITY TEST</IonButton>
                                 </div>
 
                             </IonCard>