From fc42e8ddc345b8dd28ec7195d27b452c8f12b30b Mon Sep 17 00:00:00 2001
From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Mon, 8 Mar 2021 13:56:30 +0100
Subject: [PATCH] docs: fix sizing sponsors

---
 docs/.vitepress/components/HomeSponsors.vue   | 22 ++++++-----
 .../components/HomeSponsorsGroup.vue          | 38 ++++++++++---------
 2 files changed, 33 insertions(+), 27 deletions(-)

diff --git a/docs/.vitepress/components/HomeSponsors.vue b/docs/.vitepress/components/HomeSponsors.vue
index d67bd884..3523659c 100644
--- a/docs/.vitepress/components/HomeSponsors.vue
+++ b/docs/.vitepress/components/HomeSponsors.vue
@@ -7,11 +7,11 @@
 
       <HomeSponsorsGroup v-if="sponsors.silver" name="Silver" size="120" />
 
-      <a
-        class="become-sponsor button white"
-        href="https://github.com/sponsors/posva"
-        >Become a Sponsor!</a
-      >
+      <div class="cta">
+        <a class="become-sponsor" href="https://github.com/sponsors/posva"
+          >Become a Sponsor!</a
+        >
+      </div>
     </div>
   </div>
 </template>
@@ -25,14 +25,16 @@ import sponsors from './sponsors.json'
 .sponsors_outer {
   text-align: center;
   padding: 35px 40px 45px;
-  margin: 0 -2.5rem;
   background-color: var(--c-bg-accent);
   /* transition when toggling dark mode */
   transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
 }
 
+.cta {
+  margin-top: 1rem;
+}
+
 .become-sponsor {
-  margin-top: 40px;
   font-size: 0.9em;
   font-weight: 700;
   width: auto;
@@ -46,9 +48,9 @@ import sponsors from './sponsors.json'
 }
 
 .become-sponsor:hover {
-  background-color: var(--c-brand);
+  background-color: var(--c-yellow);
   text-decoration: none;
-  border-color: var(--c-brand);
-  color: var(--c-brand-text);
+  border-color: var(--c-yellow);
+  color: var(--c-text-light-1);
 }
 </style>
diff --git a/docs/.vitepress/components/HomeSponsorsGroup.vue b/docs/.vitepress/components/HomeSponsorsGroup.vue
index 8545578e..753c96df 100644
--- a/docs/.vitepress/components/HomeSponsorsGroup.vue
+++ b/docs/.vitepress/components/HomeSponsorsGroup.vue
@@ -1,24 +1,24 @@
 <template>
   <h3>{{ name }} Sponsors</h3>
 
-  <a
-    v-for="sponsor in list"
-    :key="sponsor.href"
-    :href="sponsor.href"
-    :title="sponsor.alt"
-    target="_blank"
-    rel="sponsored noopener"
-    :style="{ width: size + 'px' }"
-    class="sponsor_wrapper"
-  >
-    <img
-      :src="sponsor.imgSrcLight"
-      :alt="sponsor.alt"
+  <p>
+    <a
+      v-for="sponsor in list"
+      :key="sponsor.href"
+      :href="sponsor.href"
+      :title="sponsor.alt"
+      target="_blank"
+      rel="sponsored noopener"
       :style="{ width: size + 'px' }"
-    />
-  </a>
-  <br />
-  <br />
+      class="sponsor_wrapper"
+    >
+      <img
+        :src="sponsor.imgSrcLight"
+        :alt="sponsor.alt"
+        :style="{ width: size + 'px' }"
+      />
+    </a>
+  </p>
 </template>
 
 <script>
@@ -59,6 +59,10 @@ export default {
   transition: background-color 300ms ease-in-out;
 }
 
+p {
+  margin: 0;
+}
+
 h3 {
   margin: 0 0 10px;
 }
-- 
2.47.3