fixed dialog layout overflow

src/components/About/index.module.scss

@@ -1,8 +1,5 @@
-@media screen and (max-width: 768px) {
-    .container {
-        flex-direction: column !important;
-        width: 300px;
-    }
+.header {
+    font-size: 1.4em;
 }
 
 .buttons {

src/components/About/index.tsx

@@ -21,7 +21,6 @@ export const About: FC<{ cfn: (d: any) => void }> = (props) => {
                     <Link to="https://github.com/makoteq/trash_assistant">GitHub</Link>
                 </i>
             </p>
-            <h3 className={style.creatorHdr}>Twórcy projektu</h3>
             <Box className={style.container} direction="row" gap={5} horizontalAlignment={"center"} verticalAlignment="center">
                 <CreditTile title="GRZANA" imageUrl="https://avatars.githubusercontent.com/u/74425958?v=4" gh="grz4na" delay={0} />
                 <CreditTile title="makoteq" imageUrl="https://avatars.githubusercontent.com/u/42750440?v=4" gh="makoteq" delay={100} />

src/components/CreditTile/index.module.scss

@@ -8,7 +8,7 @@
     transition: all 0.3s ease;
     background-color: transparent;
     border-radius: 15px;
-    padding: 10px;
+    padding: 5px;
     border: solid 1px transparent;
     display: block;
     &:hover {

src/components/Intro/index.tsx

@@ -8,7 +8,7 @@ import style from "./index.module.scss";
 
 const pages = [
     <div></div>,
-    <IntroPage title={`Witaj w ${appName}`} content={<img alt="Ikona aplikacji Trash Assistant" src="logo192.png" />} />,
+    <IntroPage title={`Witaj w ${appName}`} content={<img alt="Ikona aplikacji Trash Assistant" src="logo192.png" style={{ height: "20vh", maxHeight: "192px" }} />} />,
     <IntroPage
         title="Jak to działa?"
         content={

src/components/Results/index.tsx

@@ -11,7 +11,6 @@ export const Results: FC<{ type?: DatabaseRecord }> = (props) => {
                 {props.type?.type}
             </h1>
             <Box direction="column" verticalAlignment="center">
-                <Icon className={style.arrow} type="arrow-down" color={props.type?.color} size={90} />
                 <Icon className={style.trash} type="trash" color={props.type?.color} size={120} />
             </Box>
             <p className={style.color} style={{ color: props.type?.color }}>