Responsiveness wohoooo

src/app/components/profile/profile.component.scss

@@ -3,13 +3,20 @@
 #profile-popover {
 	z-index: 1;
 	position: fixed;
-	right: 1em;
+	top: $header_height;
-	top: $header_height + 1em;
 	color: $text;
 	background-color: $secondary;
-	width: 15em;
+	width: 100%;
-	border-radius: 1em;
+}
-	padding: 1em;
+
+@media (min-width: 768px) {
+	#profile-popover {
+		width: 15em;
+		right: 1em;
+		top: $header_height + 1em;
+		border-radius: 1em;
+		padding: 1em;
+	}
 }
 
 h2.heading {

src/app/models/doppelkopf/game.ts

@@ -8,4 +8,5 @@ export interface Game {
 	foxesCaught: number;
 	announcements: Announcement[];
 	solo?: Solo;
+	againstTheElders: boolean;
 }

src/app/models/doppelkopf/gameNight.ts

@@ -0,0 +1,10 @@
+import {Game} from './game';
+import {Player} from './player';
+
+export interface GameNight {
+	gameNightId: number;
+	date: Date;
+	players: Player[];  // We need players here and in the game because maybe we have 5 players for a game night and
+						// they switch every game
+	games: Game[];
+}

src/app/pages/home/home.component.ts

@@ -17,6 +17,7 @@ export class HomeComponent implements OnInit {
 	}
 
 	ngOnInit(): void {
+		// TODO: First try to read existing session data
 		this.authenticateUser();
 	}