Add bottom spacer to Onboarding and SelectRestaurant

mostafa-elhaiany · Oct 29, 2023 · f4ef5aa · f4ef5aa
1 parent fa5cf81
commit f4ef5aa
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/DineDevineUI/src/pages/OnboardingPage.tsx b/DineDevineUI/src/pages/OnboardingPage.tsx
@@ -75,6 +75,7 @@ const OnboardingPage: React.FC<RouteComponentProps> = (props: RouteComponentProp
                             <IonInput onIonInput={(event) => updateName(event)} value={name} label="Name input" placeholder="Enter your name"></IonInput>
                         </IonItem>
                         <IonButton onClick={onSubmit} type="submit">Submit</IonButton>
+                        <div className={"bottom-spacer"}/>
                     </div>
                 </div>
             </IonContent>

diff --git a/DineDevineUI/src/pages/SelectRestaurantPage.tsx b/DineDevineUI/src/pages/SelectRestaurantPage.tsx
@@ -89,6 +89,7 @@ import {RouteComponentProps} from "react-router";
                         <div className={"select-restaurant-button-section"}>
                             <IonButton onClick={onSelectRestaurantClicked} href={"/waiting"} className={"select-restaurant-button"} size="default">Looks good!</IonButton>
                         </div>
+                        <div className={"bottom-spacer"}/>
                     </div>
                 </div>
             </IonContent>

diff --git a/DineDevineUI/src/pages/pages.css b/DineDevineUI/src/pages/pages.css
@@ -115,4 +115,9 @@
 .image:hover {
     transition: all 150ms ease-in;
     filter: brightness(90%);
+}
+
+.bottom-spacer {
+    height: 2rem;
+}
 }