From 999b83d7e19803c6afe2ce8e03ecf287206cfad8 Mon Sep 17 00:00:00 2001
From: Beesquit <sealreb@gmail.com>
Date: Fri, 5 Sep 2025 14:57:01 +0300
Subject: [PATCH] one more style update for login page

---
 src/pages/login/login.css | 15 +++++++++++++++
 src/pages/login/login.tsx | 14 +++++++++++---
 2 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/src/pages/login/login.css b/src/pages/login/login.css
index 613b730..268e068 100644
--- a/src/pages/login/login.css
+++ b/src/pages/login/login.css
@@ -50,6 +50,21 @@
   font-size: xx-small;
 }
 
+.login-overlay-text {
+  position: absolute;
+  margin-left: 0;
+  top: 5%;
+  left: 5%;
+  z-index: 1;
+  text-wrap: balance;
+  max-width: 50vw;
+  text-shadow: 0px 0px 8px #fff;
+}
+
+.login-video {
+  display: flex;
+}
+
 
 .login-logo {
   width: 200px;
diff --git a/src/pages/login/login.tsx b/src/pages/login/login.tsx
index fba1820..904a574 100644
--- a/src/pages/login/login.tsx
+++ b/src/pages/login/login.tsx
@@ -43,8 +43,16 @@ const Login = () => {
 
   return (
     <div className="login">
+      <div className="login-overlay-text">
+        <h3>
+          Welcome to Picrinth Web-Admin!<br/>
+          Picrinth is an open source app for scrolling synchronized<br/>
+          feeds of pictures from different sources together with your friends<br/>
+          Enjoy [#]
+        </h3>
+      </div>
       <div className="login-left">
-        <video className='videoTag' autoPlay loop muted>
+        <video className="login-video" autoPlay loop muted>
           <source src={"./test.mp4"} type='video/mp4' />
         </video>
       </div>
@@ -84,9 +92,9 @@ const Login = () => {
               Login
             </button>
           </form>
-          <h2 style={{textAlign: "center"}}>
+          <h3 style={{textAlign: "center"}}>
             <a href="http://localhost:5173/register" className="login-link">Create account</a>
-          </h2>
+          </h3>
         </div>
         <div className="login-links-block">
           <h2>