From 5a940705d5cd3c33ce9f4f9f6737d84452c6785a Mon Sep 17 00:00:00 2001
From: Asizon <43983086+Asizon@users.noreply.github.com>
Date: Thu, 7 Jan 2021 15:23:14 +0100
Subject: [PATCH 1/2] Fix esc direction dialog on android

Remove unneeded motors dialog and add new class

Fix dialog Height

semicolon fix
---
 src/css/main.css        |  3 ++-
 src/css/tabs/motors.css | 34 +++-------------------------------
 src/tabs/motors.html    |  4 ++--
 3 files changed, 7 insertions(+), 34 deletions(-)

diff --git a/src/css/main.css b/src/css/main.css
index 2557f1b2..ed580ea3 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -1514,7 +1514,8 @@ dialog .dialog_toolbar .btn a.disabled {
 @media all and (max-width: 575px) {
     dialog {
         position: fixed;
-        width: calc(100% - 2em);
+        width: calc(100% - 2em) !important;
+        height: auto !important;
         bottom: 0;
         top: 56px;
         border-radius: unset;
diff --git a/src/css/tabs/motors.css b/src/css/tabs/motors.css
index 1c04dda2..fbb285f9 100644
--- a/src/css/tabs/motors.css
+++ b/src/css/tabs/motors.css
@@ -23,10 +23,10 @@
     margin-bottom: 0px;
 }
 
-.tab-motors #dialogMotorOutputReorder {
+.tab-motors .motorDialog {
     width: 400px;
-    height: 440px
-;}
+    height: 440px;
+}
 
 .tab-motors #dialogMotorOutputReorderContentWrapper {
     display: flex;
@@ -47,11 +47,6 @@
     bottom: 0px;
 }
 
-.tab-motors #escDshotDirectionDialog {
-    width: 400px;
-    height: 440px;
-}
-
 .tab-motors #escDshotDirectionDialog-ContentWrapper {
     display: flex;
     flex-flow: column;
@@ -471,27 +466,4 @@
     .tab-motors .motor_testing .telemetry li {
         font-size: 6px;
     }
-    .tab-motors #dialogMotorOutputReorder {
-        position: fixed;
-        width: calc(100% - 2em);
-        bottom: 0;
-        top: 56px;
-        border-radius: unset;
-        border: none;
-        overflow: auto;
-        margin: 0;
-        height: auto;
-    }
-
-    .tab-motors #escDshotDirectionDialog- {
-        position: fixed;
-        width: calc(100% - 2em);
-        bottom: 0;
-        top: 56px;
-        border-radius: unset;
-        border: none;
-        overflow: auto;
-        margin: 0;
-        height: auto;
-    }
 }
diff --git a/src/tabs/motors.html b/src/tabs/motors.html
index 15414d3d..41364db5 100644
--- a/src/tabs/motors.html
+++ b/src/tabs/motors.html
@@ -192,7 +192,7 @@
         <div class="clear-both"></div>
     </div>
 
-    <dialog id="dialogMotorOutputReorder">
+    <dialog id="dialogMotorOutputReorder" class="motorDialog">
       <div id="dialogMotorOutputReorderContentWrapper">
         <div id="dialogMotorOutputReorderContent">
         </div>
@@ -202,7 +202,7 @@
       </div>
     </dialog>
 
-    <dialog id="escDshotDirectionDialog">
+    <dialog id="escDshotDirectionDialog" class="motorDialog">
       <div id="escDshotDirectionDialog-ContentWrapper">
         <div id="escDshotDirectionDialog-Content">
         </div>

From fe099291b0958465c1f193846f0ca2e06ae1c507 Mon Sep 17 00:00:00 2001
From: Asizon <43983086+Asizon@users.noreply.github.com>
Date: Fri, 8 Jan 2021 13:56:24 +0100
Subject: [PATCH 2/2] Remove unneeded class

---
 src/css/tabs/motors.css | 2 +-
 src/tabs/motors.html    | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/css/tabs/motors.css b/src/css/tabs/motors.css
index fbb285f9..b13ce99b 100644
--- a/src/css/tabs/motors.css
+++ b/src/css/tabs/motors.css
@@ -23,7 +23,7 @@
     margin-bottom: 0px;
 }
 
-.tab-motors .motorDialog {
+.tab-motors dialog {
     width: 400px;
     height: 440px;
 }
diff --git a/src/tabs/motors.html b/src/tabs/motors.html
index 41364db5..15414d3d 100644
--- a/src/tabs/motors.html
+++ b/src/tabs/motors.html
@@ -192,7 +192,7 @@
         <div class="clear-both"></div>
     </div>
 
-    <dialog id="dialogMotorOutputReorder" class="motorDialog">
+    <dialog id="dialogMotorOutputReorder">
       <div id="dialogMotorOutputReorderContentWrapper">
         <div id="dialogMotorOutputReorderContent">
         </div>
@@ -202,7 +202,7 @@
       </div>
     </dialog>
 
-    <dialog id="escDshotDirectionDialog" class="motorDialog">
+    <dialog id="escDshotDirectionDialog">
       <div id="escDshotDirectionDialog-ContentWrapper">
         <div id="escDshotDirectionDialog-Content">
         </div>