add adaptive style

1 files changed, 64 insertions, 1 deletions

diff --git a/src/css/tabs/mission_planer.css b/src/css/tabs/mission_planer.css
index a652873d..668436b3 100644
--- a/src/css/tabs/mission_planer.css
+++ b/src/css/tabs/mission_planer.css
@@ -73,4 +73,67 @@
     .tab-mission-control .content_wrapper {
         height: calc(100% - 240px);
     }
-}
\ No newline at end of file
+}
+
+
+/* Need test! */
+.tab-mission-control .content_toolbar {
+    display: flex;
+    height: 150px;
+    flex-direction: row;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+
+.tab-mission-control .waypoint-left,
+.tab-mission-control .waypoint-right {
+    width: 47%;
+    float: none;
+}
+
+.btn.save_btn {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+}
+
+.btn.save_btn a{
+    margin-top: 5px;
+}
+
+.gui_box{
+    width: 100%;
+    clear: both;
+    height: 90%;
+}
+
+.tab-mission-control.toolbar_fixed_bottom{
+    height: 100%;
+}
+.tab-mission-control .content_wrapper{
+    height: 100%;
+}
+#missionMap{
+    height: 100%;
+}
+.tab-mission-control .content_toolbar{
+    height: auto;
+}
+
+.tab-mission-control input{
+    width: 115px;
+}
+
+.point{
+    margin-left: 5px;
+}
+@media (max-width: 1252px){
+    .tab-mission-control .waypoint-left,
+    .tab-mission-control .waypoint-right {
+        width: 100%;
+    }
+    .tab-mission-control .waypoint-right{
+        padding-right: 5px;
+        margin-top: 5px;
+    }
+}