1 files changed, 108 insertions, 165 deletions

diff --git a/mavigator-server/src/main/resources/assets/stylesheets/main.css b/mavigator-server/src/main/resources/assets/stylesheets/main.css
index f254449..6529940 100644
--- a/mavigator-server/src/main/resources/assets/stylesheets/main.css
+++ b/mavigator-server/src/main/resources/assets/stylesheets/main.css
@@ -1,203 +1,146 @@
-html, body {
+html, body, .app {
     width: 100%;
     height: 100%;
 }
 
 body {
-	background-color: #e6e6e6;
+    background-color: #e6e6e6;
 }
 
 .loader {
-	width: 100%;
-	font-size: 50px;
-	text-align: center;
-}
-
-#vfd-dashboard {
-	width: 100%;
-	height: 100%;
-}
-
-#vfd-dashboard header {
-	color: #eeeeee;
-	background-color: #222222;
-	padding-left: 8px;
-	padding-right: 8px;
-	padding-top: 3px;
-	padding-bottom: 3px;
-	margin-bottom: 3px;
-	display: flex;
-}
-
-#vfd-dashboard header > * {
-	margin: 5px;
-	flex: 1;
-}
-
-#vfd-dashboard header > :nth-child(1) {
-	text-align: left;
-}
-
-#vfd-dashboard header > :nth-child(2) {
-	text-align: center;
-}
-
-#vfd-dashboard header > :nth-child(3) {
-	text-align: right;
-}
-
-/* dashboard layout */
-.d-container {
-	display: flex;
-	align-content: flex-start;
-	align-items: stretch;
-}
-
-.d-container > * {
-	flex: 1;
-}
-
-.d-column {
-	flex-direction: column;
-}
-
-.d-row {
-	flex-direction: row;
-}
-
-.d-above {
-	flex: none;
-}
-
-.d-left {
-	flex: 1 1 30%;
-}
-
-.d-main {
-	flex: 1 1 70%;
-}
-
-.d-panel {
-	margin: 3px;
-	padding: 10px;
-	background-color: white;
-	border-radius: 3px;
-}
-
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
 
-/* Mode styles */
-.mode {
-	display: inline-block;
-	box-sizing: border-box;
-	text-decoration: normal;
-	margin-right: 5px;
+    font-size: 50px;
+    text-align: center;
 }
 
-.mode.danger {
+@keyframes danger-blink {
+    0% {
+	color: #222222;
+	text-shadow: none;
+    }
+    50% {
 	color: #d9534f;
 	text-shadow: 0 0 5px #d9534f;
-	animation: danger-blink 1s linear infinite;
-	-webkit-animation: danger-blink 1s linear infinite;
-}
-
-.mode.warning {
-	color: #f0ad4e;
-	text-shadow: 0 0 5px #f0ad4e;
+    }
+    100% {
+	color: #222222;
+	text-shadow: none;
+    }
 }
 
-.mode.info {
-	color: #5bc0de;
-	text-shadow: 0 0 5px #5bc0de;
+@-webkit-keyframes danger-blink {
+    0% {
+	color: #eeeeee;
+	text-shadow: none;
+    }
+    50% {
+	color: #d9534f;
+	text-shadow: 0 0 5px #d9534f;
+    }
+    100% {
+	color: #eeeeee;
+	text-shadow: none;
+    }
 }
 
-.mode.success {
-	color: #5cb85c;
-	text-shadow: 0 0 5px #5cb85c;
+#map {
+    position: absolute;
+    top: auto;
+    left: auto;
+    right: 10px;
+    bottom: 10px;
 }
 
-.mode.off {
-	color: #eeeeee;
-	text-shadow: none;
-	animation: none;
-	-webkit-animation: none;
+#motors {
+    position: absolute;
+    top: auto;
+    bottom: 10px;
+    left: 10px;
+    right: auto;
 }
 
-/* TODO: Rules below are maybe obsolete and need to be reviewed */
 .table-instrument {
-	table-layout: fixed;
-	width: 100%;
+    table-layout: fixed;
+    width: 100%;
 }
 
 .table-instrument td {
-	width: 100%;
+    width: 100%;
 }
 
 .heartbeat {
-	color: rgba(165, 25, 25, 1);
-	animation: heartbeat 2s linear infinite;
-	-webkit-animation: heartbeat 2s linear infinite;
+    color: rgba(165, 25, 25, 1);
+    animation: heartbeat 2s linear infinite;
+    -webkit-animation: heartbeat 2s linear infinite;
 }
 
 @keyframes heartbeat {
-	0% {
-		transform: scale(1);
-	}
-	7% {
-		transform: scale(1.3);
-	}
-	14% {
-		transform: scale(1);
-	}
-	21% {
-		transform: scale(1.3);
-	}
-	28% {
-		transform: scale(1);
-	}
+    0% {
+	transform: scale(1);
+    }
+    7% {
+	transform: scale(1.3);
+    }
+    14% {
+	transform: scale(1);
+    }
+    21% {
+	transform: scale(1.3);
+    }
+    28% {
+	transform: scale(1);
+    }
 }
 @-webkit-keyframes heartbeat {
-	0% {
-		transform: scale(1);
-	}
-	7% {
-		transform: scale(1.3);
-	}
-	14% {
-		transform: scale(1);
-	}
-	21% {
-		transform: scale(1.3);
-	}
-	28% {
-		transform: scale(1);
-	}
+    0% {
+	transform: scale(1);
+    }
+    7% {
+	transform: scale(1.3);
+    }
+    14% {
+	transform: scale(1);
+    }
+    21% {
+	transform: scale(1.3);
+    }
+    28% {
+	transform: scale(1);
+    }
 }
 
 @keyframes danger-blink {
-	0% {
-		color: #eeeeee;
-		text-shadow: none;
-	}
-	50% {
-		color: #d9534f;
-		text-shadow: 0 0 5px #d9534f;
-	}
-	100% {
-		color: #eeeeee;
-		text-shadow: none;
-	}
+    0% {
+	color: #eeeeee;
+	text-shadow: none;
+    }
+    50% {
+	color: #d9534f;
+	text-shadow: 0 0 5px #d9534f;
+    }
+    100% {
+	color: #eeeeee;
+	text-shadow: none;
+    }
 }
 @-webkit-keyframes danger-blink {
-	0% {
-		color: #eeeeee;
-		text-shadow: none;
-	}
-	50% {
-		color: #d9534f;
-		text-shadow: 0 0 5px #d9534f;
-	}
-	100% {
-		color: #eeeeee;
-		text-shadow: none;
-	}
-}
\ No newline at end of file
+    0% {
+	color: #eeeeee;
+	text-shadow: none;
+    }
+    50% {
+	color: #d9534f;
+	text-shadow: 0 0 5px #d9534f;
+    }
+    100% {
+	color: #eeeeee;
+	text-shadow: none;
+    }
+}
+*/