chore: fix hero banner css

Sefaria · Jun 26, 2024 · 0b8ae82 · 0b8ae82
1 parent d51ea18
commit 0b8ae82
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 6 deletions.
diff --git a/static/css/s2.css b/static/css/s2.css
@@ -10042,21 +10042,16 @@ span.purim-emoji img{
   text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
   font-family: Source Serif Pro, serif;
   font-weight: 400;
-}
-.interface-hebrew .overlayTextOnSheetsHero #title, .interface-hebrew .overlayTextOnSheetsHero #message {
-  right: 10%;
-  left: revert;
+  margin-inline-start: 10%;
 }
 .overlayTextOnSheetsHero #title {
   position: absolute;
-  left: 10%;
   font-size: 50px;
   top: 145px;
   line-height: 62.65px;
 }
 .overlayTextOnSheetsHero #message {
   position: absolute;
-  left: 10%;
   font-family: Source Sans Pro, serif;
   font-size: 24px;
   line-height: 18px;

diff --git a/static/js/Sheets/SheetsHomePage.jsx b/static/js/Sheets/SheetsHomePage.jsx
@@ -2,6 +2,7 @@ import React  from 'react';
 import {InterfaceText, ResponsiveNBox} from "../Misc";
 import {NavSidebar} from "../NavSidebar";
 import Footer from "../Footer";
+
 const SheetsHeroBanner = ({title, message, videoOptions, posterImg}) => {
     /*
     `title` and `message` are shown on top of the video. `posterImg` is shown while video is downloaded,