From 53c508ba02f3e2d9f708c691a06899b9c3302048 Mon Sep 17 00:00:00 2001
From: mitjapotocin <mitja.potocin@gmail.com>
Date: Thu, 19 Oct 2023 17:59:09 +0200
Subject: [PATCH] Footer

---
 components/Footer/Footer.tsx | 7 +++++++
 components/UiKit/Button.tsx  | 5 +++++
 pages/docs/index.tsx         | 1 -
 3 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/components/Footer/Footer.tsx b/components/Footer/Footer.tsx
index 6d0425b89..b4b6b4b80 100644
--- a/components/Footer/Footer.tsx
+++ b/components/Footer/Footer.tsx
@@ -1,5 +1,6 @@
 import Adapt from "@components/UiKit/Adapt";
 import Button from "@components/UiKit/Button";
+import device from "@styles/utils/breakpoints";
 import config from "config.json";
 import Link from "next/link";
 import styled from "styled-components";
@@ -17,6 +18,12 @@ const LinksWrapper = styled.div`
   row-gap: 40px;
   margin-bottom: 40px;
 
+  @media ${device.S} {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    column-gap: 20px;
+  }
+
   h3 {
     font-size: 16px;
     font-weight: 600;
diff --git a/components/UiKit/Button.tsx b/components/UiKit/Button.tsx
index f20a9e2f1..528525ebf 100644
--- a/components/UiKit/Button.tsx
+++ b/components/UiKit/Button.tsx
@@ -1,3 +1,4 @@
+import device from "@styles/utils/breakpoints";
 import styled from "styled-components";
 
 const Button = styled.button`
@@ -18,6 +19,10 @@ const Button = styled.button`
   cursor: pointer;
   z-index: 2;
 
+  @media ${device.S} {
+    font-size: 18px;
+  }
+
   &:before {
     content: "";
     display: block;
diff --git a/pages/docs/index.tsx b/pages/docs/index.tsx
index 302a53b6f..f1bff3b3c 100644
--- a/pages/docs/index.tsx
+++ b/pages/docs/index.tsx
@@ -8,7 +8,6 @@ import { serialize } from "next-mdx-remote/serialize";
 import MdContent from "@components/MdContent/MdContent";
 import MainLayout from "@components/UiKit/MainLayout";
 import styled from "styled-components";
-import device from "@styles/utils/breakpoints";
 
 export async function getStaticProps() {
   const mdFiles = getAllMdFilesInDir(path.join("public", "docs"));