Playground : Remove a useless class. Fix for mobile display.

Playground/css/index.css

@@ -419,9 +419,15 @@ body {
     text-transform: uppercase;
     background-color: #201936;
 }
+.navbar .select .toDisplay.languageJS {
+    background-color: #3f3461;
+}
 .navbar .select .toDisplay.languageJS .option {
     background-color: #9379e6;
 }
+.navbar .select .toDisplay.languageTS {
+    background-color: #bb464b;
+}
 .navbar .select .toDisplay.languageTS .option {
     background-color: #e0684b;
 }

Playground/css/index550.css

@@ -6,15 +6,16 @@
 
     #fpsLabel {
         position: fixed;
-        top: auto;
+        top: calc(100% - 35px);
         bottom: 0;
+        right: 0;
         box-shadow: none;
     }
     .navbarBottom {
         display: none;
     }
     .wrapper {
-        height: calc(100% - 55px);
+        height: calc(100% - 55px - 35px);
     }
 
     #JStoTSbar {
@@ -30,6 +31,7 @@
         left: 0;
         height: 35px;
         line-height: 35px;
+        width: 100%;
     }
     .navbar .categoryTitle .logo, .navbar .categoryTitle .version {
         vertical-align: top;
@@ -44,7 +46,7 @@
         position: fixed;
         left: 0;
         width: 100%;
-        height: 100%;
+        height: calc(100% - 55px);
         text-align: center;
         overflow-y: auto;
     }
@@ -66,11 +68,34 @@
         left: 0;
         top: 55px;
         width: 100%;
-        height: 100%;
+        height: calc(100% - 55px);
         text-align: center;
         overflow-y: auto;
     }
     .navbar .select .subSelect .toDisplaySub .option {
         margin-top: 1px;
     }
+
+    .save-layer .save-form {
+        z-index: 15;
+        position: fixed;
+        width: 100%;
+        height: 100%;
+        overflow: auto;
+        top: 0;
+        left: 0;
+        right: 0;
+        border-radius: 0;
+        padding-bottom: 20px;
+        box-sizing: border-box;
+    }
+    .save-layer .save-form .separator, .save-layer .save-form input, .save-layer .save-form textarea {
+        box-sizing: border-box;
+        width: calc(100% - 20px);
+        margin: 10px auto;
+    }
+    .save-layer .save-form #saveFormButtons {
+        margin-top: 15px;
+        text-transform: uppercase;
+    }
 }

Playground/debug.html

@@ -536,7 +536,7 @@
             <div class="button removeOnPhone" id="clearButton920"><img src="css/img/clearButton.svg"></div>
 
             <div class="button select"><img src="css/img/optionsButton.svg">
-                <div class="toDisplay displayJS">
+                <div class="toDisplay">
                     <div class="option subSelect">Theme <i class="fa fa-chevron-right" aria-hidden="true"></i>
 
                         <div class="toDisplaySub">
@@ -610,7 +610,7 @@
             <div class="button removeOnPhone" id="clearButton710"><img src="css/img/clearButton.svg"></div>
 
             <div class="button select"><img src="css/img/optionsButton.svg">
-                <div class="toDisplay displayJS">
+                <div class="toDisplay">
                     <div class="option subSelect">Theme <i class="fa fa-chevron-right" aria-hidden="true"></i>
 
                         <div class="toDisplaySub">
@@ -684,7 +684,7 @@
             <div class="button removeOnPhone" id="clearButton550"><img src="css/img/clearButton.svg"></div>
 
             <div class="button select"><img src="css/img/optionsButton.svg">
-                <div class="toDisplay displayJS">
+                <div class="toDisplay">
                     <div class="option subSelect">Theme <i class="fa fa-chevron-right" aria-hidden="true"></i>
                         <div class="toDisplaySub">
                             <div class="option selected" id="darkTheme550">Dark</div>

Playground/index-local.html

@@ -132,7 +132,7 @@
             <div class="button removeOnPhone" id="clearButton920"><img src="css/img/clearButton.svg"></div>
 
             <div class="button select"><img src="css/img/optionsButton.svg">
-                <div class="toDisplay displayJS">
+                <div class="toDisplay">
                     <div class="option subSelect">Theme <i class="fa fa-chevron-right" aria-hidden="true"></i>
 
                         <div class="toDisplaySub">
@@ -206,7 +206,7 @@
             <div class="button removeOnPhone" id="clearButton710"><img src="css/img/clearButton.svg"></div>
 
             <div class="button select"><img src="css/img/optionsButton.svg">
-                <div class="toDisplay displayJS">
+                <div class="toDisplay">
                     <div class="option subSelect">Theme <i class="fa fa-chevron-right" aria-hidden="true"></i>
 
                         <div class="toDisplaySub">
@@ -280,7 +280,7 @@
             <div class="button removeOnPhone" id="clearButton550"><img src="css/img/clearButton.svg"></div>
 
             <div class="button select"><img src="css/img/optionsButton.svg">
-                <div class="toDisplay displayJS">
+                <div class="toDisplay">
                     <div class="option subSelect">Theme <i class="fa fa-chevron-right" aria-hidden="true"></i>
                         <div class="toDisplaySub">
                             <div class="option selected" id="darkTheme550">Dark</div>

Playground/index.html

@@ -146,7 +146,7 @@
             <div class="button removeOnPhone" id="clearButton920"><img src="css/img/clearButton.svg"></div>
 
             <div class="button select"><img src="css/img/optionsButton.svg">
-                <div class="toDisplay displayJS">
+                <div class="toDisplay">
                     <div class="option subSelect">Theme <i class="fa fa-chevron-right" aria-hidden="true"></i>
 
                         <div class="toDisplaySub">
@@ -219,7 +219,7 @@
             <div class="button removeOnPhone" id="clearButton710"><img src="css/img/clearButton.svg"></div>
 
             <div class="button select"><img src="css/img/optionsButton.svg">
-                <div class="toDisplay displayJS">
+                <div class="toDisplay">
                     <div class="option subSelect">Theme <i class="fa fa-chevron-right" aria-hidden="true"></i>
 
                         <div class="toDisplaySub">
@@ -292,7 +292,7 @@
             <div class="button removeOnPhone" id="clearButton550"><img src="css/img/clearButton.svg"></div>
 
             <div class="button select"><img src="css/img/optionsButton.svg">
-                <div class="toDisplay displayJS">
+                <div class="toDisplay">
                     <div class="option subSelect">Theme <i class="fa fa-chevron-right" aria-hidden="true"></i>
                         <div class="toDisplaySub">
                             <div class="option selected" id="darkTheme550">Dark</div>

Playground/indexStable.html

@@ -147,7 +147,7 @@
             <div class="button removeOnPhone" id="clearButton920"><img src="css/img/clearButton.svg"></div>
 
             <div class="button select"><img src="css/img/optionsButton.svg">
-                <div class="toDisplay displayJS">
+                <div class="toDisplay">
                     <div class="option subSelect">Theme <i class="fa fa-chevron-right" aria-hidden="true"></i>
 
                         <div class="toDisplaySub">
@@ -220,7 +220,7 @@
             <div class="button removeOnPhone" id="clearButton710"><img src="css/img/clearButton.svg"></div>
 
             <div class="button select"><img src="css/img/optionsButton.svg">
-                <div class="toDisplay displayJS">
+                <div class="toDisplay">
                     <div class="option subSelect">Theme <i class="fa fa-chevron-right" aria-hidden="true"></i>
 
                         <div class="toDisplaySub">
@@ -293,7 +293,7 @@
             <div class="button removeOnPhone" id="clearButton550"><img src="css/img/clearButton.svg"></div>
 
             <div class="button select"><img src="css/img/optionsButton.svg">
-                <div class="toDisplay displayJS">
+                <div class="toDisplay">
                     <div class="option subSelect">Theme <i class="fa fa-chevron-right" aria-hidden="true"></i>
                         <div class="toDisplaySub">
                             <div class="option selected" id="darkTheme550">Dark</div>