Update style/style_template.css

style/style_template.css

@@ -136,3 +136,35 @@
   display: inline-block;
   transform: translateY(-3px);
 }
+
+/* --- Mobile adjustments: when the widget container has the "mobile" class --- */
+.ply-widget-container.mobile .widget-button {
+  width: 30px;    /* 45px * 2/3 */
+  height: 30px;   /* 45px * 2/3 */
+  font-size: 10px; /* 14px * approx 0.67 */
+}
+
+.ply-widget-container.mobile .help-toggle {
+  font-size: 15px; /* 22px * approx 0.67 */
+}
+
+/* Adjust button positions for mobile */
+.ply-widget-container.mobile .close-btn {
+  top: 11px;    /* 17px * approx 0.67 */
+  left: 10px;   /* 15px * approx 0.67 */
+}
+
+.ply-widget-container.mobile .fullscreen-toggle {
+  top: 11px;
+  right: 10px;
+}
+
+.ply-widget-container.mobile .help-toggle {
+  top: 11px;
+  right: 47px;  /* 70px * approx 0.67 */
+}
+
+.ply-widget-container.mobile .reset-camera-btn {
+  top: 11px;
+  right: 82px;  /* 123px * approx 0.67 */
+}