CLean up clients

stateful · Sep 13, 2024 · 2f203f7 · 2f203f7
1 parent 94de89d
commit 2f203f7
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 12 deletions.
diff --git a/docs/getting-started/index.md b/docs/getting-started/index.md
@@ -1,9 +1,8 @@
 ---
 sidebar_position: 3
-title: Getting Started
 ---
 
-# **Getting Started**
+# Getting Started
 
 Welcome to Runme! Below are the guides you need to install the Runme 'client' you need and get your Notebooks properly configured and running.
 

diff --git a/src/components/EnvironmentOptions.tsx b/src/components/EnvironmentOptions.tsx
@@ -3,34 +3,34 @@ import { TerminalIcon, VSCodeIcon, GlobeIcon, SSHIcon } from "./Icons";
 
 const options = [
   {
-    title: "Runme VS Code Extension",
-    href: "/how-runme-works/vscode",
+    title: "VS Code extension",
+    href: "/getting-started/vscode",
     icon: VSCodeIcon,
   },
   {
-    title: "Runme CLI",
-    href: "/how-runme-works/cli",
+    title: "CLI",
+    href: "/getting-started/cli",
     icon: TerminalIcon,
   },
   {
-    title: "Runme via SSH",
-    href: "/how-runme-works/runme-via-ssh",
+    title: "VS Code via SSH",
+    href: "/getting-started/runme-via-ssh",
     icon: SSHIcon,
   },
   {
-    title: "Runme Web",
-    href: "/how-runme-works/web",
+    title: "Web browser",
+    href: "/getting-started/web",
     icon: GlobeIcon,
   },
 ];
 
 export default function EnvironmentOptions() {
   return (
-    <div className="flex gap-1.5 justify-center items-center flex-row p-2 m-2 flex-wrap">
+    <div className="grid grid-cols-2 gap-2 justify-center items-center">
       {options.map(({ href, title, icon }) => {
         return (
           <a
-            className="text-center shadow-md p-2 m-4 min-w-[200px] rounded"
+            className="text-center shadow-md p-2 m-2 min-w-[200px] rounded"
             href={href}
             title={title}
             target="_self"