Fix esc direction dialog on android

Remove unneeded motors dialog and add new class

Fix dialog Height

semicolon fix

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;

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;
-    }
 }

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>