From c9abe4d0d721f41e539495aa94273963820e39d7 Mon Sep 17 00:00:00 2001
From: "Glitch (toolsgo)" <none>
Date: Thu, 30 May 2024 07:16:34 +0000
Subject: [PATCH] change: text-header on mobile

---
 public/css/home.css | 6 +++---
 views/tubetogo.ejs  | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/css/home.css b/public/css/home.css
index 65ba75e..f66936f 100644
--- a/public/css/home.css
+++ b/public/css/home.css
@@ -227,15 +227,15 @@ i {
     .support-me {
         display: none; /* Hide "Buy Me a Coffee" on smaller screens */
     }
-
+  
     .card {
         width: 100%; 
         margin-bottom: 10px; 
         padding: 20px; /* Adjust padding */
     }
 
-    .text-section h1 {
-        font-size: 1.0em; 
+    #text-header-title {
+       size: small;
     }
 
     input[type="text"],
diff --git a/views/tubetogo.ejs b/views/tubetogo.ejs
index 2b4a16a..25f71bc 100644
--- a/views/tubetogo.ejs
+++ b/views/tubetogo.ejs
@@ -3,7 +3,7 @@
 <div class="container" style="display: flex; flex-direction: column; align-items: center;">
     <!-- Tube To Go -->
     <div class="text-section" style="display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; background: none;">
-        <h1 class="text-header-title" style="color: #C13E3E; margin: 0; font-size: 2.5em; margin-bottom: -20px;">Tube To Go</h1>
+        <h1 id="text-header-title" style="color: #C13E3E; margin: 0; font-size: 2.5em; margin-bottom: -20px;">TubeToGo</h1>
     </div>
     <div class="card" style="border: 2px solid #C13E3E; padding: 40px; width: 80%; display: flex; justify-content: space-between; align-items: flex-start;">
         <form id="converter-form">