From a0c66946657c15f7a2d4078e0c4653893d8d64f6 Mon Sep 17 00:00:00 2001
From: Evan Simkowitz <esimkowitz@users.noreply.github.com>
Date: Thu, 23 Jan 2025 13:54:14 -0800
Subject: [PATCH] Add icons to cards in docsite, adjust md padding (#1816)

---
 docs/docs/index.mdx                | 12 ++++++------
 frontend/app/element/markdown.scss |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/docs/docs/index.mdx b/docs/docs/index.mdx
index 1c7c8b735..ce97b6be9 100644
--- a/docs/docs/index.mdx
+++ b/docs/docs/index.mdx
@@ -21,37 +21,37 @@ Check out [Getting Started](./gettingstarted) for installation instructions.
 <CardGroup>
   <Card
     href="./customization"
-    icon="fa-file-magnifying-glass"
+    icon="fa-paintbrush"
     title="Customization"
     description="Set up tabs and terminals to match your workflow needs."
   />
   <Card
     href="./keybindings"
-    icon="fa-file-magnifying-glass"
+    icon="fa-keyboard"
     title="Key Bindings"
     description="Boost efficiency with keyboard shortcuts for faster navigation."
   />
   <Card
     href="./layout"
-    icon="fa-file-magnifying-glass"
+    icon="fa-grid-2"
     title="Layout"
     description="Organize your workspace using our layout system."
   />
   <Card
     href="./connections"
-    icon="fa-file-magnifying-glass"
+    icon="fa-network-wired"
     title="Remote Connections"
     description="Quickly SSH or connect to remote machines in one step."
   />
   <Card
     href="./widgets"
-    icon="fa-file-magnifying-glass"
+    icon="fa-rocket"
     title="Widgets"
     description="Explore built-in tools to extend your terminal’s functionality."
   />
   <Card
     href="./wsh"
-    icon="fa-file-magnifying-glass"
+    icon="fa-rectangle-terminal"
     title="wsh Command"
     description="Control Wave and launch widgets directly from the command line."
   />
diff --git a/frontend/app/element/markdown.scss b/frontend/app/element/markdown.scss
index f90d67cc3..ae08ba78a 100644
--- a/frontend/app/element/markdown.scss
+++ b/frontend/app/element/markdown.scss
@@ -19,7 +19,7 @@
         font-family: var(--markdown-font-family);
         font-size: var(--markdown-font-size);
         overflow-wrap: break-word;
-        padding: 5px 15px;
+        padding: 5px 15px 10px 15px;
 
         &.non-scrollable {
             overflow: hidden;