Update release notes and improve styling for better readability

docs/css/custom.css

@@ -6,18 +6,22 @@
     --bg-color-yellow: #060025;
 }
 
+.md-grid {
+  max-width: 100%; /* or 100%, if you want to stretch to full-width */
+}
+
 .bg-blue {
     background-color: var(--bg-color-blue);
     width: 100% !important;
-    margin: 0;
-    padding: 0;
+    margin: 0 !important;
+    padding: 0 !important;
 }
 
 .bg-green {
     background-color: var(--bg-color-green);
     width: 100% !important;
-    margin: 0;
-    padding: 0;
+    margin: 0 !important;
+    padding: 0 !important;
 }
 
 .bg-yellow {
@@ -37,10 +41,36 @@
   align-items: left;
 }
 
-figure {
-    width: 100% !important;
+.content {
+  padding-left: 10%;
+  padding-right: 10%;
+  padding-bottom: 2%;
+  margin: 0;
+}
+
+.md-typeset h3.top-left{
+  padding-left: 1%;
+  padding-top: 1%;
+  margin: 0 !important;
+}
+
+.md-typeset h3.bottom{
+  margin: 0 !important;
+  padding-bottom: 20px;
+}
+
+@media (max-width: 768px) {
+  .content {
+    padding-left: 2%;
+    padding-right: 2%;
+    padding-bottom: 2%;
     margin: 0;
-    padding: 0;
+  }
+}
+
+.md-content__inner {
+  margin-left: 0;
+  margin-right: 0;
 }
 
 .md-nav__title, .md-nav__link  {

docs/index.md

@@ -2,22 +2,21 @@
 hide:
   - navigation
   - toc
+title: CodiumAI Release Notes Digest
 ---
 
 <div markdown class="centered">
 ![](./assets/all%20release%20notes.png){ class="no-border"}
 ### April 10, 2024
----
 </div>
 
-
 <div markdown class="bg-blue">
-<div markdown style="margin-left:5px;">
+<h3 markdown class="top-left">
 
-### **[:simple-visualstudiocode: Codiumate:VSCode | v.0.8.3](./versions/latest/vscode.md)**
+**[:simple-visualstudiocode: Codiumate:VSCode | v.0.8.3](./versions/latest/vscode.md)**
 
-</div>
-<div style="margin-left:50px; margin-right:50px;" markdown>
+</h3>
+<div class="content" markdown>
 <div markdown class="centered">
 
 # Chat Just Got Smarter with **Image Integration**
@@ -33,22 +32,20 @@ Dive in and see what you can create!
 
 ![type:video](https://www.youtube.com/embed/dUHkNK1OD2g?si=lq79WESITHMukQRq)
 
-### **[[Read full Release Notes for Codiumate:VSCode]](./versions/latest/vscode.md)**
-<br/>
 </div>
 </div>
 </div>
----
+
 <div markdown class="bg-green">
 
-<div markdown style="margin-left:5px;">
-### **[:simple-jetbrains: Codiumate:JetBrains | v0.7.30](./versions/latest/jetbrains.md)**
-</div>
+<h3 markdown class="top-left">
+**[:simple-jetbrains: Codiumate:JetBrains | v0.7.30](./versions/latest/jetbrains.md)**
+</h3>
 
 <div markdown class="centered">
-<div style="margin-left:50px; margin-right:50px;" markdown>
+<div class="content" markdown>
 
-# **Threads** support in Codiumate:JetBrains!
+# **Threads** support!
 
 
 Threads are a dynamic tool in Codiumate designed to enhance your interactions with the AI. This feature enables you to dive deeper into discussions, refine responses, and extend conversations to achieve more targeted outcomes. 
@@ -62,23 +59,17 @@ Activate a thread by clicking the `Continue this Chat` button at the end of a re
 **See what you can do with Threads in this video:**
 ![type:video](https://www.youtube.com/embed/BYzwkzx7XpI?si=Zlay8LbvBd5OTMzs)
 
-### **[[Read full Release Notes for Codiumate:JetBrains]](./versions/latest/jetbrains.md)** 
-<br/>
-
 </div>
 </div>
 </div>
----
 
 <div markdown class="bg-yellow">
 
-<div markdown style="margin-left:5px;">
-
-### **[:fontawesome-solid-robot: PR-Agent | v.0.21](./versions/latest/pr-agent.md)**
-
-</div>
+<h3 markdown class="top-left">
+**[:fontawesome-solid-robot: PR-Agent | v.0.21](./versions/latest/pr-agent.md)**
+</h3>
 <div markdown class="centered">
-<div style="margin-left:50px; margin-right:50px;" markdown>
+<div class="content" markdown>
 
 ## Continous Improvment 🚀
 
@@ -103,20 +94,16 @@ If you haven't seen yet, we have a **[new documentation portal](https://pr-agent
 
 ![Similar Code](./versions/2024-03-28/assets/pr-agent-similar-code.png){ width="700" }
 
-### **[[Read full Release Notes for PR-Agent]](./versions/latest/pr-agent.md)** 
-<br/>
-
 </div>
 </div>
 </div>
----
 
 
 
 
 <div class="centered" markdown>
 ### Read full Release Notes:
-<div style="margin-left:50px; margin-right:50px;" markdown>
+<div class="content" markdown>
 
 <div class="grid cards" markdown>
 

docs/versions/latest/jetbrains.md

@@ -12,7 +12,7 @@ subtitle: Codiumate plugin for JetBrains v0.7.30 Release Notes
 ### v0.7.30 | April 10, 2024
 ---
 
-<div markdown style="margin-left:50px;margin-right:50px;">
+<div markdown class="content">
 # Introducing: **Threads**
 
 We are excited to announce a new feature that many of you have eagerly anticipated:

docs/versions/latest/pr-agent.md

@@ -7,10 +7,10 @@ hide:
 <div markdown class="centered">
 ![](../../assets/pr-agent%20release%20notes.png){ class="no-border"}
 ### v0.21 | March 28, 2024
+---
+<div markdown class="content">
 
-<div markdown style="margin-left:50px;margin-right:50px;">
-
-## Continous Improvment 🚀
+# Continous Improvment 🚀
 
 As always, our PR-Agent open-source is getting better and better and has more capabilities, with the great help from our **dear contributors**.
 

docs/versions/latest/vscode.md

@@ -12,6 +12,7 @@ subtitle: Codiumate plugin for JetBrains v0.7.30 Release Notes
 ### v0.8.3 | April 10, 2024
 ---
 
+<div class="content" markdown>
 
 # Chat Just Got Smarter with **Image Integration**
 
@@ -45,5 +46,5 @@ This week we improved our Coding-Agent, fixed some issues around it, and we're g
 
 ### **[Read CodiumAI Release Notes Digest](../../index.md)**
 
-
+</div>
 </div>

mkdocs.yml

@@ -27,7 +27,6 @@ theme:
     - content.tabs.link
     - content.code.annotation
     - content.code.copy
-    - content.tabs.link
   language: en
   language: en
   custom_dir: overrides
@@ -62,7 +61,7 @@ plugins:
       css_style:
         position: relative;
         width: "70%"
-        height: "20.172vw"
+        height: "35.172vw"
         margin-left: "auto"
         margin-right: "auto"
         display: "block"
@@ -111,7 +110,6 @@ markdown_extensions:
   - toc:
       title: On this page
       toc_depth: 1
-      permalink: true
   - pymdownx.tabbed:
       alternate_style: true
   - pymdownx.superfences: