From 8c638ddf7ca169cb542865f9932031a2bd01ae25 Mon Sep 17 00:00:00 2001
From: Patrick Barsanti <patrick.barsanti@amarulasolutions.com>
Date: Wed, 5 Jun 2024 10:59:07 +0200
Subject: [PATCH] template: styles: Make bottom panel prettier

Make bottom panel thinner, make bottom panel text smaller in size and
thinner.
Also remove redundant lines that appeared twice.

Signed-off-by: Patrick Barsanti <patrick.barsanti@amarulasolutions.com>
---
 template/layouts/cover.vue    | 4 ++--
 template/layouts/default.vue  | 4 ++--
 template/layouts/fact.vue     | 4 ++--
 template/layouts/section.vue  | 4 ++--
 template/layouts/two-cols.vue | 4 ++--
 template/styles/layout.css    | 7 ++-----
 6 files changed, 12 insertions(+), 15 deletions(-)

diff --git a/template/layouts/cover.vue b/template/layouts/cover.vue
index 7c5bbff..f0da5da 100644
--- a/template/layouts/cover.vue
+++ b/template/layouts/cover.vue
@@ -7,11 +7,11 @@
   </div>
   <table class="bottompanel">
       <tr>
-        <th style="text-align:left; padding-left:8px;">
+        <th style="text-align:left; padding-left:8px; font-weight:400">
           <a href="https://www.amarulasolutions.com">https://www.amarulasolutions.com</a>
         </th>
         <th>
-          <SlideCurrentNo class="" />
+          <SlideCurrentNo class="" style="font-weight:400"/>
         </th>
       </tr>
   </table>
diff --git a/template/layouts/default.vue b/template/layouts/default.vue
index cd6ca82..89150dd 100644
--- a/template/layouts/default.vue
+++ b/template/layouts/default.vue
@@ -7,11 +7,11 @@
   </div>
   <table class="bottompanel">
       <tr>
-        <th style="text-align:left; padding-left:8px;">
+        <th style="text-align:left; padding-left:8px; font-weight:400">
           <a href="https://www.amarulasolutions.com">https://www.amarulasolutions.com</a>
         </th>
         <th>
-          <SlideCurrentNo />
+          <SlideCurrentNo style="font-weight:400"/>
         </th>
       </tr>
   </table>
diff --git a/template/layouts/fact.vue b/template/layouts/fact.vue
index ec7d422..6d6f18c 100644
--- a/template/layouts/fact.vue
+++ b/template/layouts/fact.vue
@@ -7,11 +7,11 @@
   </div>
   <table class="bottompanel">
       <tr>
-        <th style="text-align:left; padding-left:8px;">
+        <th style="text-align:left; padding-left:8px; font-weight:400">
           <a href="https://www.amarulasolutions.com">https://www.amarulasolutions.com</a>
         </th>
         <th>
-          <SlideCurrentNo />
+          <SlideCurrentNo style="font-weight:400"/>
         </th>
       </tr>
   </table>
diff --git a/template/layouts/section.vue b/template/layouts/section.vue
index 98e22d7..131ba66 100644
--- a/template/layouts/section.vue
+++ b/template/layouts/section.vue
@@ -6,11 +6,11 @@
   </div>
   <table class="bottompanel">
       <tr>
-        <th style="text-align:left; padding-left:8px;">
+        <th style="text-align:left; padding-left:8px; font-weight:400">
           <a href="https://www.amarulasolutions.com">https://www.amarulasolutions.com</a>
         </th>
         <th>
-          <SlideCurrentNo />
+          <SlideCurrentNo style="font-weight:400"/>
         </th>
       </tr>
   </table>
diff --git a/template/layouts/two-cols.vue b/template/layouts/two-cols.vue
index 5b94571..14073f3 100644
--- a/template/layouts/two-cols.vue
+++ b/template/layouts/two-cols.vue
@@ -21,11 +21,11 @@ const props = defineProps({
   </div>
   <table class="bottompanel">
       <tr>
-        <th style="text-align:left; padding-left:8px;">
+        <th style="text-align:left; padding-left:8px; font-weight:400">
           <a href="https://www.amarulasolutions.com">https://www.amarulasolutions.com</a>
         </th>
         <th>
-          <SlideCurrentNo />
+          <SlideCurrentNo style="font-weight:400"/>
         </th>
       </tr>
   </table>
diff --git a/template/styles/layout.css b/template/styles/layout.css
index 172405a..2bcb31c 100644
--- a/template/styles/layout.css
+++ b/template/styles/layout.css
@@ -97,17 +97,14 @@ h2 {
   left: 0px;
   right: 0px;
   bottom: 0px;
-  height: 32px;
-  height: 32px;
+  height: 24px;
   width: 100%;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-right: 16px;
   padding-left: 16px;
-  font-size: 16px;
+  font-size: 12px;
   background-color: #fdcb0b;
-  background-color: #fdcb0b;
-  font-weight: bold;
 }
 
 .slidev-layout.section {