better responsive handling

Signed-off-by: Arthur Lu <learthurgo@gmail.com>
2023-04-06 22:08:11 +00:00
parent 389a548d00
commit 15822fdacb
3 changed files with 37 additions and 20 deletions
--- a/css/instance.css
+++ b/css/instance.css
@@ -1,8 +1,26 @@
-div {
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	column-gap: 10px;
+@media screen and (min-width: 1000px) {
+	div {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		column-gap: 10px;
+	}
+}
+@media screen and (max-width: 1000px) {
+	* {
+	}
+	#instance-status {
+		display: none;
+	}
+	#instance-type {
+		display: none;
+	}
+	#node-name {
+		display: none;
+	}
+	#node-status-div {
+		display: none;
+	}
 }

 .btn-group {