Polish

brianlovin · Nov 29, 2020 · 69f721e · 69f721e · vercel · Nov 29, 2020
1 parent 3274199
commit 69f721e
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 4 deletions.
diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
@@ -105,7 +105,7 @@ export default function Header() {
   return (
     <React.Fragment>
       <MobileContainer expanded={isExpanded} data-cy="header">
-        <Background className="bg-white bg-opacity-50 dark:bg-gray-900" />
+        <Background className="bg-white bg-opacity-60 dark:bg-gray-900" />
         {isExpanded ? (
           <React.Fragment>
             <CloseButton
@@ -151,7 +151,7 @@ export default function Header() {
         <InnerGrid>
           <NavLinks activeRoute={activeRoute} />
         </InnerGrid>
-        <Background className="bg-white bg-opacity-50 dark:bg-gray-900" />
+        <Background className="bg-white bg-opacity-60 dark:bg-gray-900" />
       </Container>
     </React.Fragment>
   )

diff --git a/src/components/Overthought/Feedback/index.tsx b/src/components/Overthought/Feedback/index.tsx
@@ -112,6 +112,7 @@ export default function Feedback({ post }: Props) {
               id="feedback-email"
               name="email"
               placeholder="(Optional) Email"
+              type="email"
             />
           </label>
           <label>
@@ -121,6 +122,7 @@ export default function Feedback({ post }: Props) {
               id="twitter"
               name="twitter"
               placeholder="(Optional) Twitter handle"
+              type="text"
             />
           </label>
         </div>

diff --git a/src/components/SecurityChecklist/ChecklistItem/Resource.tsx b/src/components/SecurityChecklist/ChecklistItem/Resource.tsx
@@ -11,7 +11,7 @@ export const ResourceRow = ({ resource }: Props) => (
     href={resource.url}
     target="_blank"
     rel="noopener noreferrer"
-    className="flex items-center px-3 py-3 -mx-3 space-x-3 font-normal text-gray-700 rounded-md hover:bg-gray-100 dark:hover:bg-gray-800 dark:text-gray-300 hover:text-gray-800 dark:hover:text-gray-100"
+    className="flex items-center px-4 py-3 -mx-3 space-x-3 font-normal text-gray-700 rounded-md hover:bg-gray-100 dark:hover:bg-gray-800 dark:text-gray-300 hover:text-gray-800 dark:hover:text-gray-100"
   >
     <Link
       className="flex-shrink-0 text-gray-800 dark:text-gray-400"

diff --git a/src/components/SecurityChecklist/index.tsx b/src/components/SecurityChecklist/index.tsx
@@ -7,7 +7,7 @@ export default function SecurityChecklist() {
   const keys = Object.keys(data)
   const resources = keys.map((k) => data[k])
   return (
-    <div className="flex flex-col mt-8 space-y-8">
+    <div className="flex flex-col mt-8 space-y-4 md:space-y-8">
       {resources.map((resource) => (
         <ChecklistItem key={resource.id} resource={resource} />
       ))}