Move badges higher.

README.md

@@ -1,20 +1,18 @@
 <div align="center">
-  <h1 align="center">Code Sage</h1>
-  <p align="center">An open-source pair programmer for chatting with any codebase.</p>
+    <h1 align="center">Code Sage</h1>
+    <p align="center">An open-source pair programmer for chatting with any codebase.</p>
+    <div>
+        <img alt="GitHub Repo stars" src="https://img.shields.io/github/stars/Storia-AI/CodeSage?logo=github" />
+        <img alt="GitHub License" src="https://img.shields.io/github/license/Storia-AI/CodeSage"></img>
+        <a href="https://x.com/StoriaAI">
+            <img alt="X (formerly Twitter) Follow" src="https://img.shields.io/twitter/follow/StoriaAI"></img>
+        </a>
+    </div>
     <figure>
-        <!-- The <kbd>, <sup>, <sub> tags are work-arounds for styling, since GitHub doesn't take into account inline styles. Note it might display awkwardly on other Markdown editors. -->
+        <!-- The <kbd> and <sub> tags are work-arounds for styling, since GitHub doesn't take into account inline styles. Note it might display awkwardly on other Markdown editors. -->
         <kbd><img src="assets/chat_screenshot2.png" alt="screenshot" /></kbd>
-        <sub><sup><figcaption align="center">Our chat window, showing a conversation with the Transformers library. 🚀</sup></sub></figcaption>
+        <sub><figcaption align="center">Our chat window, showing a conversation with the Transformers library. 🚀</sub></figcaption>
     </figure>
-  </kbd>
-</div>
-
-<div align="center">
-  </br>
-    <img alt="GitHub Repo stars" src="https://img.shields.io/github/stars/Storia-AI/CodeSage?logo=github" />
-    <img alt="GitHub License" src="https://img.shields.io/github/license/Storia-AI/CodeSage"></img>
-    <img alt="X (formerly Twitter) Follow" src="https://img.shields.io/twitter/follow/StoriaAI"></img>
-  </br>
 </div>
 
 # Getting started