fullscreen button icon

src/pages/main.tsx

@@ -3,6 +3,7 @@ import { getFeatures } from '@ijl/cli';
 
 import logo from '../assets/logo.svg';
 import arrow from '../assets/36-arrow-right.svg';
+import fullScreen from '../assets/fullscreen.svg';
 
 import { Keyboard } from '../components/keyboard';
 
@@ -233,7 +234,11 @@ export const MainPage = () => {
 
     return (
         <MainWrapper>
-            {fullScreenFeature && !isFull && <FullScreenButton onClick={handleFullScreen}>На весь экран</FullScreenButton>}
+            {fullScreenFeature && !isFull && (
+                <FullScreenButton onClick={handleFullScreen}>
+                    <img src={fullScreen} />
+                </FullScreenButton>
+            )}
             <LogoImg src={logo} />
             {/* <Start /> */}
             {!showStart && <Input onStart={() => setShowStart(true)} />}

src/pages/style.ts

@@ -282,10 +282,12 @@ export const Circle = styled.circle<{ circumference: number; percent: number }>`
 `;
 
 export const FullScreenButton = styled.button`
-    padding: 24px;
+    padding: 12px;
     position: absolute;
     top: 50px;
     right: 50px;
+    border: none;
+    background-color: rgba(0, 0, 0, .07);
 `;
 
 export const InputHolder = styled.div`