From f7cbd62d7e344ed2ba71c5ab149edd69c21fb65f Mon Sep 17 00:00:00 2001
From: Xavier Del Campo Romero <xavi.dcr@tutanota.com>
Date: Tue, 2 Jul 2024 00:45:15 +0200
Subject: layouts/index.html: Set up 95% height for main button

This would avoid the "Watch" button from looking cropped on mobile
devices.
---
 layouts/index.html    | 2 +-
 static/css/styles.css | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/layouts/index.html b/layouts/index.html
index cb42436..e326112 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -5,7 +5,7 @@
 {{- partial "header.html" . -}}
         <!-- Masthead-->
         <header class="masthead">
-            <div class="container main px-4 px-lg-5 py-lg-5 d-flex h-100 align-items-end justify-content-center">
+            <div class="container main px-4 px-lg-5 py-lg-5 d-flex h-95 align-items-end justify-content-center">
                 <div class="d-flex justify-content-center">
                     <div class="text-center">
                         {{ with site.Data.homepage.main }}
diff --git a/static/css/styles.css b/static/css/styles.css
index 58d9675..310a72a 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -7173,6 +7173,10 @@ textarea.form-control-lg {
   height: 100% !important;
 }
 
+.h-95 {
+  height: 95% !important;
+}
+
 .h-auto {
   height: auto !important;
 }
-- 
cgit v1.2.3