diff --git a/src/App.css b/src/App.css
index b316ae4..d2d2966 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,40 +1,12 @@
.App {
text-align: center;
+ width: 100%;
}
-.App-logo {
- height: 40vmin;
- pointer-events: none;
-}
-
-@media (prefers-reduced-motion: no-preference) {
- .App-logo {
- animation: App-logo-spin infinite 20s linear;
- }
-}
-
-.App-header {
- background-color: #282c34;
- min-height: 100vh;
+.layout {
+ width: 100%;
display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- font-size: calc(10px + 2vmin);
- color: white;
-}
-
-.App-link {
- color: #61dafb;
-}
-
-@keyframes App-logo-spin {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(360deg);
- }
+ gap: 5px;
}
/* @import url('https://fonts.googleapis.com/css2?family=Lato&display=swap'); */
@@ -62,6 +34,7 @@
font-family: 'Lato', sans-serif;
}
+
.home,
.flights,
.seasons {
@@ -70,6 +43,7 @@
align-items: center;
justify-content: center;
font-size: 3rem;
+ width: 100%;
}
@@ -129,10 +103,6 @@ h1,h2,h4,p
{
text-align: center;
}
-.toindex
-{
- text-align: left;
-}
.flexbox
{
@@ -150,20 +120,8 @@ h1,h2,h4,p
align-items: flex-end;
}
-.header
-{
- border: 0px;
- font-weight: 900;
- font-size: 2em;
-}
-
-.pilot .header
-{
- font-weight: bold;
-}
-
.link
{
- font-size: 80%;
+ font-size: 90%;
}
diff --git a/src/App.tsx b/src/App.tsx
index 3645e0d..17029ac 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -11,7 +11,7 @@ import Seasons from './pages/Seasons';
export default function App()
{
return(
- <>
+
@@ -20,6 +20,6 @@ export default function App()
} />
- >
+
);
}
diff --git a/src/components/FlightsTable.tsx b/src/components/FlightsTable.tsx
index 6b20e42..90f06e6 100644
--- a/src/components/FlightsTable.tsx
+++ b/src/components/FlightsTable.tsx
@@ -7,7 +7,7 @@ function Link2Flight(u_key: string, key: string, row: any, data: string | null)
{
var val: JSX.Element = <>>;
const link: string = 'https://de.dhv-xc.de/flight/' + row['IDFlight'];
- val = {data} | ;
+ val = {data} | ;
return val;
}
diff --git a/src/components/Navbar.css b/src/components/Navbar.css
index 5a23bbc..7b8f310 100644
--- a/src/components/Navbar.css
+++ b/src/components/Navbar.css
@@ -1,15 +1,14 @@
.navbar {
background-color: #ba3a07c2;
- height: 80px;
- width: 100px;
+ height: 40px;
+ min-width: 50px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.menu-bars {
- margin-left: 2rem;
- font-size: 2rem;
+ margin-left: 1rem;
background: none;
}
@@ -62,7 +61,7 @@
.navbar-toggle {
background-color: #ba3a07c2;
width: 100%;
- height: 80px;
+ height: 40px;
display: flex;
justify-content: flex-start;
align-items: center;
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 1e8eced..bc408b7 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -15,9 +15,9 @@ export default function Navbar()
return (
<>
-
+
-
+