Merge pull request #26 from htdguide/testing

alpha tag moved

Author: htdguide

src/App.css

@@ -17,8 +17,12 @@ body, html {
 
 /* styles.css */
 
+/* Default label style */
+/* styles.css */
+
 /* Default label style */
 .version {
+  opacity: 50%;
   position: fixed;
   right: 10px;
   bottom: 8px;
@@ -32,14 +36,12 @@ body, html {
   border: 1px solid rgba(255, 255, 255, 0.3);
 }
 
-/* Mobile view: Rotate the label vertically */
+/* Mobile view: Stick the label to the right top corner */
 @media (max-width: 600px) {
   .version {
-    /* Rotate 90° counter-clockwise */
     font-size: 8px;
-    bottom: 1px;
+    top: 30px;
     right: 1px;
-    /* Optional: adjust translation to center it along the side */
-    /* transform: rotate(-90deg) translate(-50%, 0); */
+    bottom: auto; /* Override the default bottom property */
   }
 }

src/configs/DockConfig/DockConfig.jsx

@@ -47,8 +47,8 @@ const DOCK_CONFIG = {
     NO_TRANSITION: 'none',
     ENABLE_MAGNIFICATION: false,
     DOCK_POSITION: 'bottom', // For portrait devices, the dock remains at the bottom.
-    DOCK_MARGIN: 8,
-    DOTS_MARGIN_BOTTOM: 25,
+    DOCK_MARGIN: 5,
+    DOTS_MARGIN_BOTTOM: 20,
     // Tooltip configuration for portrait mode (if you want different values)
     APP_NAME_TOOLTIP_OFFSET: 25,
     APP_NAME_BACKGROUND_PADDING: '5px 15px',