Styling

docs/overview.mdx

@@ -66,7 +66,7 @@ Restate is the simplest way to write resilient workflows, event-driven applicati
                 </p>
                 <div id="overviewButtonDiv"><a className="overviewButton btn btn-primary btn-lg firstTimeButton"
                                                href="/concepts/durable_building_blocks"
-                                               role="button"><img className="buttonIcon" src="/img/right-arrow.png" width="26"
+                                               role="button"><img className="buttonIcon" src="/img/right-arrow.png" width="24"
                                                                   alt="TypeScript Documentation"></img></a></div>
             </>
         ),
@@ -108,16 +108,16 @@ Restate is the simplest way to write resilient workflows, event-driven applicati
                 <div id="overviewButtonDiv"><a className="overviewButton btn btn-primary btn-lg familiarButton"
                                                href="/deploy/kubernetes"
                                                role="button"><img className="buttonIcon" src="/img/kubernetes-logo.svg" width="28"
-                                                                  alt="Java SDK Documentation"></img> K8s</a></div>
+                                                                  alt="Java SDK Documentation"></img>  K8s</a></div>
                 <div id="overviewButtonDiv"><a className="overviewButton btn btn-primary btn-lg familiarButton"
                                                href="/category/aws--aws-lambda"
                                                role="button"><img className="buttonIcon" src="/img/aws-logo.svg" width="26"
-                                                                  alt="TypeScript Documentation"></img> <strong>+</strong>  <img className="buttonIcon" src="/img/aws-lambda-logo.svg" width="20"
+                                                                  alt="TypeScript Documentation"></img> <strong>+</strong> <img className="buttonIcon" src="/img/aws-lambda-logo.svg" width="20"
                                                                   alt="TypeScript Documentation"></img></a></div>
                 <div id="overviewButtonDiv"><a className="overviewButton btn btn-primary btn-lg familiarButton text--primary"
                                                href="/deploy/restate_cloud"
-                                               role="button"><img className="buttonIcon" src="/img/logo_only.png" width="20"
-                                                                  alt="TypeScript Documentation"></img>  Cloud</a></div>
+                                               role="button"><img className="buttonIcon" src="/img/logo-only.svg" width="20"
+                                                                  alt="TypeScript Documentation"/> Cloud</a></div>
             </>
         ),
     },

docusaurus.config.js

@@ -104,7 +104,7 @@ const config = {
         title: "",
         logo: {
           alt: "Restate Logo",
-          src: "img/restate.png",
+          src: "img/restate-logo.svg",
           href: "https://restate.dev",
           target: "_self",
         },

src/css/custom.css

@@ -116,7 +116,7 @@ h6 {
 
 /** Buttons  */
 #overviewButtonDiv {
-  margin: 0 var(--ifm-list-paragraph-margin) 0 var(--ifm-list-paragraph-margin);
+  margin: 0 var(--ifm-list-paragraph-margin) 0 var(--ifm-list-paragraph-margin);;
   display: inline-block;
   text-align: center;
 }
@@ -125,6 +125,8 @@ a.overviewButton {
   font-size: 1rem;
   font-weight: bold;
   text-decoration: none;
+  height: 42px;
+  vertical-align: middle;
 }
 
 a.firstTimeButton {