From e660a4d4fe52f09197d75b329a9b74e2d67850af Mon Sep 17 00:00:00 2001
From: Ellie Huxtable <ellie@elliehuxtable.com>
Date: Sat, 25 Feb 2023 23:55:39 +0000
Subject: [PATCH] More fixes :)

---
 docs/src/components/HomepageFeatures/index.js |  7 ++++---
 .../HomepageFeatures/styles.module.css        | 10 ++++++++++
 docs/src/css/custom.css                       |  1 +
 docs/src/pages/index.module.css               | 19 ++++++++++++++-----
 4 files changed, 29 insertions(+), 8 deletions(-)

diff --git a/docs/src/components/HomepageFeatures/index.js b/docs/src/components/HomepageFeatures/index.js
index ac909c8..ec78def 100644
--- a/docs/src/components/HomepageFeatures/index.js
+++ b/docs/src/components/HomepageFeatures/index.js
@@ -16,7 +16,7 @@ const FeatureList = [
     ),
   },
   {
-    title: 'Find it fast',
+    title: 'Speedy search',
     description: (
       <>
         <ul>
@@ -24,12 +24,13 @@ const FeatureList = [
           <li>Configurable search method - fuzzy, prefix, etc</li>
           <li>Easily search and filter by session, directory, or machine</li>
           <li>Powerful command line search for integration with other tools</li>
+          <li>Written in Rust, so it's fast <em>and</em> safe 🦀</li>
         </ul>
       </>
     ),
   },
   {
-    title: 'All the data',
+    title: 'Extra context',
     description: (
       <>
         <ul>
@@ -44,7 +45,7 @@ const FeatureList = [
 
 function Feature({ Svg, title, description }) {
   return (
-    <div className={clsx('col col--4')}>
+    <div className={clsx('col col--4', styles.whatisfeatureblock)}>
       <div className={"padding-horiz--md", styles.whatisfeature}>
         <h3>{title}</h3>
         <p>{description}</p>
diff --git a/docs/src/components/HomepageFeatures/styles.module.css b/docs/src/components/HomepageFeatures/styles.module.css
index 7527f33..c02de40 100644
--- a/docs/src/components/HomepageFeatures/styles.module.css
+++ b/docs/src/components/HomepageFeatures/styles.module.css
@@ -15,3 +15,13 @@
   padding: 2rem;
 }
 
+
+@media screen and (max-width: 996px) {
+  .whatisfeatureblock {
+    margin-top: 2rem;
+  }
+
+  .features {
+    padding: 0;
+  }
+}
diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
index d7c8f98..78be3a8 100644
--- a/docs/src/css/custom.css
+++ b/docs/src/css/custom.css
@@ -33,3 +33,4 @@
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
 
+
diff --git a/docs/src/pages/index.module.css b/docs/src/pages/index.module.css
index fc7eb14..92931df 100644
--- a/docs/src/pages/index.module.css
+++ b/docs/src/pages/index.module.css
@@ -18,6 +18,20 @@
   .heroBanner {
     padding: 2rem;
   }
+
+  .whatis {
+    padding-top: 2rem;
+  }
+
+  .whatisfeatureblock {
+    margin-top: 2rem;
+  }
+}
+
+@media screen and (min-width: 996px) {
+  .whatis {
+    padding: 4rem;
+  }
 }
 
 .buttons {
@@ -36,11 +50,6 @@
   -moz-text-fill-color: transparent;
 }
 
-.whatis {
-  padding: 4rem;
-
-}
-
 .whatis h1 {
   font-size: 2em;
 }