little changes in desgine

src/pages/drawing/index.astro

@@ -68,7 +68,6 @@ import Layout from '../../layouts/Layout.astro';
             .then(response => response.json())
             .then(({ data }) => {
                 const screenCenterX = this.cameras.main.worldView.x + this.cameras.main.width / 2;
-                // const screenCenterX = window.innerWidth / 2;
                 const baseFontSize = 15;
                 const responsiveFontSize = (window.innerWidth / 280) * baseFontSize;
                 const descrptText = this.add.text(screenCenterX, 70, data.description, { font: `${responsiveFontSize}px quicksand`, fill: '#7c4c23', }).setOrigin(0.5);
@@ -84,8 +83,13 @@ import Layout from '../../layouts/Layout.astro';
                 this.add.text(displayW / 30, 0, "Drawing", textStyle);
                 this.add.image(displayW / 2 * 1.6 - 0.5, 25, 'topLogo');
             }
-            const outlineImage = this.add.image(displayW / 2, displayH / 2, 'outline').setScale(0.5);
-            outlineImage.setDepth(1);
+            const outlineImage = this.add.image(displayW / 2, displayH / 2, 'outline');
+            if(isMobile){
+                outlineImage.setDepth(1).setScale(0.5);
+            } else{
+                outlineImage.setDepth(1).setScale(0.7);   
+            }
+            
             graphics = this.add.graphics();
 
             const colorContainer = document.createElement('div');
@@ -161,7 +165,7 @@ import Layout from '../../layouts/Layout.astro';
                 button.style.marginRight = `${buttonSpacing}px`;
                 button.addEventListener('click', () => {
                     // Remove the border from the previously selected button, if any
-                    if (selectedButton) {
+                    if(selectedButton) {
                         selectedButton.style.border = 'none';
                     }
                     // Set the new selected color