From b61cdbf40c3f968815990610510fb9032f03f353 Mon Sep 17 00:00:00 2001
From: Peer Richelsen <peeroke@richelsen.net>
Date: Sat, 3 Jul 2021 22:19:12 +0200
Subject: [PATCH] removed top margin and shadow for mobile layout

---
 pages/[user]/[type].tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/[user]/[type].tsx b/pages/[user]/[type].tsx
index 12b0a9db..7f81af14 100644
--- a/pages/[user]/[type].tsx
+++ b/pages/[user]/[type].tsx
@@ -94,10 +94,10 @@ export default function Type(props): Type {
       </Head>
       <main
         className={
-          "mx-auto my-24 transition-max-width ease-in-out duration-500 " +
+          "mx-auto my-0 sm:my-24 transition-max-width ease-in-out duration-500 " +
           (selectedDate ? "max-w-6xl" : "max-w-3xl")
         }>
-        <div className="bg-white shadow rounded-lg">
+        <div className="bg-white sm:shadow sm:rounded-lg">
           <div className="sm:flex px-4 py-5 sm:p-4">
             <div className={"pr-8 sm:border-r " + (selectedDate ? "sm:w-1/3" : "sm:w-1/2")}>
               <Avatar user={props.user} className="w-16 h-16 rounded-full mb-4" />