From a675f84b171aa82c0ea85f57786710f65843e61e Mon Sep 17 00:00:00 2001
From: danielmyren <daniel.j.myren@gmail.com>
Date: Sun, 14 Apr 2024 14:29:28 +0200
Subject: [PATCH] Minor styling changes
---
.../Components/BottomNavBar/bottom_info_bar.jsx | 6 +++---
frontend/src/Css/Form.css | 2 +-
frontend/src/Css/bottom_info_bar.css | 16 ++++++++--------
3 files changed, 12 insertions(+), 12 deletions(-)
rename frontend/{Resources => src}/Components/BottomNavBar/bottom_info_bar.jsx (85%)
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 dd60003..5fb246a 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 0b98ff2..84e6939 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 835ac4a..041facb 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%;
}
--
GitLab