From 4ef2a03943e9d8c290d21d9b83569faa5c420bc2 Mon Sep 17 00:00:00 2001
From: lassejaco <lasse.jacobsen@ethereum.org>
Date: Mon, 1 Jan 2024 22:10:54 +0100
Subject: [PATCH] small stuff

---
 .../header/menu/foldout/foldout.module.scss       |  2 +-
 .../components/common/newsletter/Newsletter.tsx   | 15 ++++++++++-----
 .../components/domain/blog-overview/BlogReel.tsx  |  2 +-
 .../components/domain/index/hero/hero.module.scss |  2 +-
 4 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/devcon/src/components/common/layouts/header/menu/foldout/foldout.module.scss b/devcon/src/components/common/layouts/header/menu/foldout/foldout.module.scss
index 5177461e3..5dcdde3d8 100644
--- a/devcon/src/components/common/layouts/header/menu/foldout/foldout.module.scss
+++ b/devcon/src/components/common/layouts/header/menu/foldout/foldout.module.scss
@@ -23,7 +23,7 @@
   overflow-y: auto;
   display: grid;
   position: fixed;
-  padding-top: calc(16px + var(--headerHeight));
+  padding-top: calc(4px + var(--headerHeight));
   padding-bottom: 16px;
   background: $colors-monochrome-1;
   color: $colors-main;
diff --git a/devcon/src/components/common/newsletter/Newsletter.tsx b/devcon/src/components/common/newsletter/Newsletter.tsx
index 7ae4e1c1a..2b126ed28 100644
--- a/devcon/src/components/common/newsletter/Newsletter.tsx
+++ b/devcon/src/components/common/newsletter/Newsletter.tsx
@@ -5,7 +5,8 @@ import { useFormField } from 'hooks/useFormField'
 import { useTranslations } from 'next-intl'
 import css from './newsletter.module.scss'
 import { Alert } from '../alert'
-import { Button } from 'components/common/button'
+// import { Button } from 'components/common/button'
+import { Button } from 'lib/components/button'
 import { EMAIL_DEVCON } from 'utils/constants'
 
 export interface Result {
@@ -17,7 +18,8 @@ interface Props {
   id?: string
 }
 
-const MC_ENDPOINT = 'https://ethereum.us7.list-manage.com/subscribe/post-json?u=bfdb1ffb0f71e3a27b9d96aed&amp;id=013a6fa362'
+const MC_ENDPOINT =
+  'https://ethereum.us7.list-manage.com/subscribe/post-json?u=bfdb1ffb0f71e3a27b9d96aed&amp;id=013a6fa362'
 
 export const Newsletter = (props: Props) => {
   const intl = useTranslations()
@@ -29,7 +31,10 @@ export const Newsletter = (props: Props) => {
   }
 
   return (
-    <form action="https://login.sendpulse.com/forms/simple/u/eyJ1c2VyX2lkIjo4MjUxNTM4LCJhZGRyZXNzX2Jvb2tfaWQiOjEwNDI3MSwibGFuZyI6ImVuIn0=" method="post">
+    <form
+      action="https://login.sendpulse.com/forms/simple/u/eyJ1c2VyX2lkIjo4MjUxNTM4LCJhZGRyZXNzX2Jvb2tfaWQiOjEwNDI3MSwibGFuZyI6ImVuIn0="
+      method="post"
+    >
       <div>
         <p className="semi-bold">{intl('newsletter_title')}</p>
         <div>
@@ -44,13 +49,13 @@ export const Newsletter = (props: Props) => {
                 <input
                   className={css['input']}
                   type="email"
-                  name='email'
+                  name="email"
                   id={props.id ?? 'newsletter_email'}
                   placeholder={intl('newsletter_enter')}
                   {...emailField}
                 />
                 <input type="hidden" name="sender" value={EMAIL_DEVCON} />
-                <Button className={`black ghost ${css['button']} thin-borders`} type="submit">
+                <Button color="default" type="submit">
                   {intl('newsletter_subscribe')}
                 </Button>
               </div>
diff --git a/devcon/src/components/domain/blog-overview/BlogReel.tsx b/devcon/src/components/domain/blog-overview/BlogReel.tsx
index 5d8696154..654e5feb1 100644
--- a/devcon/src/components/domain/blog-overview/BlogReel.tsx
+++ b/devcon/src/components/domain/blog-overview/BlogReel.tsx
@@ -39,7 +39,7 @@ export function BlogReel(props: Props) {
 
   return (
     <div className="section no-overflow">
-      <div className="content margin-top">
+      <div className="content mt-4">
         <div className={`${css['cards']}`}>
           <Slider sliderProps={sliderProps} title="Devcon Blog">
             {props.blogs.map((blog: BlogPost, i: number) => {
diff --git a/devcon/src/components/domain/index/hero/hero.module.scss b/devcon/src/components/domain/index/hero/hero.module.scss
index 390b8b71a..bf74a3e50 100644
--- a/devcon/src/components/domain/index/hero/hero.module.scss
+++ b/devcon/src/components/domain/index/hero/hero.module.scss
@@ -109,7 +109,7 @@ $logo-offset: 50px;
 
   // background: linear-gradient(45deg, #0744c6, #160b14, #0094a1);
   // background: linear-gradient(45deg, #91008f, #6c61a2, #76b1ff);
-  // background: linear-gradient(45deg, #91008f, #5c7093, #000280d6);
+  background: linear-gradient(45deg, #bf0bbc, #5c7093, #000280d6);
 
   // background-size: 600% 100%;
   // animation: gradient 16s linear infinite;