From 14ac4b4c6a1d27f29778ba8bb377e3e699da71b3 Mon Sep 17 00:00:00 2001
From: Rene Haas <king-sora@hotmail.de>
Date: Wed, 9 Nov 2022 16:13:25 +0100
Subject: [PATCH] improve readmes

---
 packages/overlayscrollbars-ngx/README.md    | 35 +++++++--------------
 packages/overlayscrollbars-react/README.md  | 35 +++++++--------------
 packages/overlayscrollbars-svelte/README.md | 24 ++++++--------
 packages/overlayscrollbars-vue/README.md    | 35 +++++++--------------
 4 files changed, 46 insertions(+), 83 deletions(-)

diff --git a/packages/overlayscrollbars-ngx/README.md b/packages/overlayscrollbars-ngx/README.md
index 9486eb5..438a6d0 100644
--- a/packages/overlayscrollbars-ngx/README.md
+++ b/packages/overlayscrollbars-ngx/README.md
@@ -1,28 +1,17 @@
 <div align="center">
-  <a href="https://kingsora.github.io/OverlayScrollbars">
-    <img src="https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/logo/logo.png" width="160" height="160" alt="OverlayScrollbars">
-  </a>
-  <a href="https://github.com/angular/angular">
-    <img src="https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/packages/overlayscrollbars-ngx/logo.svg" width="160" height="160" alt="Angular">
-  </a>
+  <a href="https://kingsora.github.io/OverlayScrollbars"><img src="https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/logo/logo.png" width="160" height="160" alt="OverlayScrollbars"></a>
+  <a href="https://github.com/angular/angular"><img src="https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/packages/overlayscrollbars-ngx/logo.svg" width="160" height="160" alt="Angular"></a>
+</div>
+<br />
+<div align="center">
+
+  [![OverlayScrollbars](https://img.shields.io/badge/OverlayScrollbars-%5E2.0.0-338EFF?style=flat-square)](https://github.com/KingSora/OverlayScrollbars)
+  [![Angular](https://img.shields.io/badge/Angular-%3E=12.0.0-DD0031?style=flat-square&logo=Angular)](https://github.com/angular/angular)
+  [![Downloads](https://img.shields.io/npm/dt/overlayscrollbars-ngx.svg?style=flat-square)](https://www.npmjs.com/package/overlayscrollbars-ngx)
+  [![Version](https://img.shields.io/npm/v/overlayscrollbars-ngx.svg?style=flat-square)](https://www.npmjs.com/package/overlayscrollbars-ngx)
+  [![License](https://img.shields.io/github/license/kingsora/overlayscrollbars.svg?style=flat-square)](#)
+
 </div>
-<h6 align="center">
-    <a href="https://github.com/KingSora/OverlayScrollbars">
-      <img src="https://img.shields.io/badge/OverlayScrollbars-%5E2.0.0-338EFF?style=flat-square" alt="OverlayScrollbars">
-    </a>
-    <a href="https://github.com/angular/angular">
-      <img src="https://img.shields.io/badge/Angular-%3E=12.0.0-DD0031?style=flat-square&logo=Angular" alt="Angular">
-    </a>
-    <a href="https://www.npmjs.com/package/overlayscrollbars-ngx">
-      <img src="https://img.shields.io/npm/dt/overlayscrollbars-ngx.svg?style=flat-square" alt="Downloads">
-    </a>
-    <a href="https://www.npmjs.com/package/overlayscrollbars-ngx">
-      <img src="https://img.shields.io/npm/v/overlayscrollbars-ngx.svg?style=flat-square" alt="Version">
-    </a>
-    <a href="#">
-      <img src="https://img.shields.io/github/license/kingsora/overlayscrollbars.svg?style=flat-square" alt="License">
-    </a>
-</h6>
 
 # OverlayScrollbars for Angular
 
diff --git a/packages/overlayscrollbars-react/README.md b/packages/overlayscrollbars-react/README.md
index 7826367..48228c6 100644
--- a/packages/overlayscrollbars-react/README.md
+++ b/packages/overlayscrollbars-react/README.md
@@ -1,28 +1,17 @@
 <div align="center">
-  <a href="https://kingsora.github.io/OverlayScrollbars">
-    <img src="https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/logo/logo.png" width="160" height="160" alt="OverlayScrollbars">
-  </a>
-  <a href="https://reactjs.org">
-    <img src="https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/packages/overlayscrollbars-react/logo.svg" width="160" height="160" alt="React">
-  </a>
+  <a href="https://kingsora.github.io/OverlayScrollbars"><img src="https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/logo/logo.png" width="160" height="160" alt="OverlayScrollbars"></a>
+  <a href="https://reactjs.org"><img src="https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/packages/overlayscrollbars-react/logo.svg" width="160" height="160" alt="React"></a>
+</div>
+<br />
+<div align="center">
+
+  [![OverlayScrollbars](https://img.shields.io/badge/OverlayScrollbars-%5E2.0.0-338EFF?style=flat-square)](https://github.com/KingSora/OverlayScrollbars)
+  [![React](https://img.shields.io/badge/React-%3E=16.8.0-61DAFB?style=flat-square&logo=React)](https://github.com/facebook/react/)
+  [![Downloads](https://img.shields.io/npm/dt/overlayscrollbars-react.svg?style=flat-square)](https://www.npmjs.com/package/overlayscrollbars-react)
+  [![Version](https://img.shields.io/npm/v/overlayscrollbars-react.svg?style=flat-square)](https://www.npmjs.com/package/overlayscrollbars-react)
+  [![License](https://img.shields.io/github/license/kingsora/overlayscrollbars.svg?style=flat-square)](#)
+
 </div>
-<h6 align="center">
-    <a href="https://github.com/KingSora/OverlayScrollbars">
-      <img src="https://img.shields.io/badge/OverlayScrollbars-%5E2.0.0-338EFF?style=flat-square" alt="OverlayScrollbars">
-    </a>
-    <a href="https://github.com/facebook/react/">
-      <img src="https://img.shields.io/badge/React-%3E=16.8.0-61DAFB?style=flat-square&logo=React" alt="React">
-    </a>
-    <a href="https://www.npmjs.com/package/overlayscrollbars-react">
-      <img src="https://img.shields.io/npm/dt/overlayscrollbars-react.svg?style=flat-square" alt="Downloads">
-    </a>
-    <a href="https://www.npmjs.com/package/overlayscrollbars-react">
-      <img src="https://img.shields.io/npm/v/overlayscrollbars-react.svg?style=flat-square" alt="Version">
-    </a>
-    <a href="#">
-      <img src="https://img.shields.io/github/license/kingsora/overlayscrollbars.svg?style=flat-square" alt="License">
-    </a>
-</h6>
 
 # OverlayScrollbars for React
 
diff --git a/packages/overlayscrollbars-svelte/README.md b/packages/overlayscrollbars-svelte/README.md
index f09d9da..097cfd8 100644
--- a/packages/overlayscrollbars-svelte/README.md
+++ b/packages/overlayscrollbars-svelte/README.md
@@ -1,19 +1,15 @@
 <div align="center">
-  <a href="https://kingsora.github.io/OverlayScrollbars">
-    <img src="https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/logo/logo.png" width="160" height="160" alt="OverlayScrollbars">
-  </a>
-  <a href="https://svelte.dev/">
-    <img src="https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/packages/overlayscrollbars-svelte/logo.svg" width="160" height="160" alt="Svelte">
-  </a>
+  <a href="https://kingsora.github.io/OverlayScrollbars"><img src="https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/logo/logo.png" width="160" height="160" alt="OverlayScrollbars"></a>
+  <a href="https://svelte.dev/"><img src="https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/packages/overlayscrollbars-svelte/logo.svg" width="160" height="160" alt="Svelte"></a>
+</div>
+<br />
+<div align="center">
+
+  [![OverlayScrollbars](https://img.shields.io/badge/OverlayScrollbars-%5E2.0.0-338EFF?style=flat-square)](https://github.com/KingSora/OverlayScrollbars)
+  [![Svelte](https://img.shields.io/badge/Svelte-%5E3.44.0-FF3E00?style=flat-square&logo=svelte)](https://github.com/sveltejs/svelte)
+  [![License](https://img.shields.io/github/license/kingsora/overlayscrollbars.svg?style=flat-square)](#)
+
 </div>
-<h6 align="center">
-    <a href="https://github.com/KingSora/OverlayScrollbars">
-      <img src="https://img.shields.io/badge/OverlayScrollbars-%5E2.0.0-338EFF?style=flat-square" alt="OverlayScrollbars">
-    </a>
-    <a href="https://github.com/sveltejs/svelte">
-      <img src="https://img.shields.io/badge/Svelte-%5E3.44.0-FF3E00?style=flat-square&logo=svelte" alt="Svelte">
-    </a>
-</h6>
 
 # OverlayScrollbars for Svelte
 
diff --git a/packages/overlayscrollbars-vue/README.md b/packages/overlayscrollbars-vue/README.md
index 82f60a2..be1e970 100644
--- a/packages/overlayscrollbars-vue/README.md
+++ b/packages/overlayscrollbars-vue/README.md
@@ -1,28 +1,17 @@
 <div align="center">
-  <a href="https://kingsora.github.io/OverlayScrollbars">
-    <img src="https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/logo/logo.png" width="160" height="160" alt="OverlayScrollbars">
-  </a>
-  <a href="https://vuejs.org">
-    <img src="https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/packages/overlayscrollbars-vue/logo.svg" width="160" height="160" alt="Vue">
-  </a>
+  <a href="https://kingsora.github.io/OverlayScrollbars"><img src="https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/logo/logo.png" width="160" height="160" alt="OverlayScrollbars"></a>
+  <a href="https://vuejs.org"><img src="https://raw.githubusercontent.com/KingSora/OverlayScrollbars/master/packages/overlayscrollbars-vue/logo.svg" width="160" height="160" alt="Vue"></a>
+</div>
+<br />
+<div align="center">
+
+  [![OverlayScrollbars](https://img.shields.io/badge/OverlayScrollbars-%5E2.0.0-338EFF?style=flat-square)](https://github.com/KingSora/OverlayScrollbars)
+  [![Vue](https://img.shields.io/badge/Vue-%5E3.2.25-41B883?style=flat-square&logo=vue.js)](https://github.com/vuejs/vue)
+  [![Downloads](https://img.shields.io/npm/dt/overlayscrollbars-vue.svg?style=flat-square)](https://www.npmjs.com/package/overlayscrollbars-vue)
+  [![Version](https://img.shields.io/npm/v/overlayscrollbars-vue.svg?style=flat-square)](https://www.npmjs.com/package/overlayscrollbars-vue)
+  [![License](https://img.shields.io/github/license/kingsora/overlayscrollbars.svg?style=flat-square)](#)
+
 </div>
-<h6 align="center">
-    <a href="https://github.com/KingSora/OverlayScrollbars">
-      <img src="https://img.shields.io/badge/OverlayScrollbars-%5E2.0.0-338EFF?style=flat-square" alt="OverlayScrollbars">
-    </a>
-    <a href="https://github.com/vuejs/vue">
-      <img src="https://img.shields.io/badge/Vue-%5E3.2.25-41B883?style=flat-square&logo=vue.js" alt="Vue">
-    </a>
-    <a href="https://www.npmjs.com/package/overlayscrollbars-vue">
-      <img src="https://img.shields.io/npm/dt/overlayscrollbars-vue.svg?style=flat-square" alt="Downloads">
-    </a>
-    <a href="https://www.npmjs.com/package/overlayscrollbars-vue">
-      <img src="https://img.shields.io/npm/v/overlayscrollbars-vue.svg?style=flat-square" alt="Version">
-    </a>
-    <a href="#">
-      <img src="https://img.shields.io/github/license/kingsora/overlayscrollbars.svg?style=flat-square" alt="License">
-    </a>
-</h6>
 
 # OverlayScrollbars for Vue