diff --git a/frontend/Resources/Components/BottomNavBar/bottom_info_bar.jsx b/frontend/src/Components/BottomNavBar/bottom_info_bar.jsx similarity index 85% rename from frontend/Resources/Components/BottomNavBar/bottom_info_bar.jsx rename to frontend/src/Components/BottomNavBar/bottom_info_bar.jsx index dd600030325be5394e919e1dc9af49eab00d67d1..5fb246a1ef9d9ea016537c201677a61d6e6c502e 100644 --- a/frontend/Resources/Components/BottomNavBar/bottom_info_bar.jsx +++ b/frontend/src/Components/BottomNavBar/bottom_info_bar.jsx @@ -1,5 +1,5 @@ import React from 'react' -import '../..//css/bottom_info_bar.css'; +import '../../Css/bottom_info_bar.css'; export const BottomInfoNavigation = () => { @@ -12,12 +12,12 @@ export const BottomInfoNavigation = () => { </div> <div class = "bottom-info-root__centered"> - <a class="bottom-info-root__link" href="/contact"> + <a class="bottom-info-root__link" href="/contact information"> <text>Contact Information</text> </a> </div> <div class = "bottom-info-root__right"> - <a class="bottom-info-root__link" href="/contact"> + <a class="bottom-info-root__link" href="/legal"> <text>Legal & Privacy</text> </a> </div> diff --git a/frontend/src/Css/Form.css b/frontend/src/Css/Form.css index 0b98ff2fd421fdf28c7663a4d3e6d0471f36448d..84e693955cd9cfb1c785e18ccbe23a8f2d41b465 100644 --- a/frontend/src/Css/Form.css +++ b/frontend/src/Css/Form.css @@ -12,7 +12,7 @@ body { align-items: center; min-height: 100vh; - /*background: url('../../Assets/background3.jpg') ;*/ + background: url('../Assets/background3.jpg') ; background-color: aliceblue no-repeat; diff --git a/frontend/src/Css/bottom_info_bar.css b/frontend/src/Css/bottom_info_bar.css index 835ac4ab6f7bb46bfee180325b31415f9e70ff06..041facb9eb2a279c2ff6c6e1e5b0db04b8da468e 100644 --- a/frontend/src/Css/bottom_info_bar.css +++ b/frontend/src/Css/bottom_info_bar.css @@ -1,7 +1,7 @@ .bottom-info-root { - position: relative; + position: absolute; width: 100%; - top: 20vh; + bottom: 40px; } .bottom-info-root__link { @@ -20,18 +20,18 @@ } .bottom-info-root__centered { -position: absolute; -top: 50%; -left: 50%; -transform: translate(-50%, -50%); + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); } .bottom-info-root__right { float: right; - margin-right: 100px; + margin-right: 15%; } .bottom-info-root__left { float: left; - margin-left: 100px; + margin-left: 15%; }