Enhanced Responsive Design

hoangsonww · Jan 3, 2024 · 31b4f39 · 31b4f39
1 parent 58b5ecb
commit 31b4f39
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 12 deletions.
diff --git a/index.js b/index.js
@@ -529,12 +529,3 @@ function updateClock() {
 
 setInterval(updateClock, 1000);
 window.onload = updateClock;
-
-document.addEventListener('DOMContentLoaded', function() {
-    if (!localStorage.getItem('firstClearDone')) {
-        localStorage.clear();
-        localStorage.setItem('firstClearDone', 'true');
-        console.log('Local storage cleared for this user');
-        window.location.reload();
-    }
-});
diff --git a/src/css/style.css b/src/css/style.css
@@ -1273,6 +1273,10 @@ textarea {
 }
 
 @media (max-width: 840px) {
+    #movie-match-main {
+        margin-left: -100px;
+    }
+
     #indexLink {
         margin-bottom: -15px;
     }
@@ -1713,6 +1717,7 @@ textarea {
     margin-top: 60px;
     padding: 20px;
     width: 100%;
+    margin-left: 25px;
 }
 
 body {

diff --git a/src/html/movie-match.html b/src/html/movie-match.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" style="overflow-x: hidden">
 <head>
     <meta charset="UTF-8">
     <title>Movie Match</title>
@@ -14,7 +14,7 @@
     <meta name="theme-color" content="#7378c5">
 </head>
 
-<body class="movie-details-body">
+<body class="movie-details-body" style="overflow-x: hidden">
 
     <header style="margin-bottom: -60px">
         <a id="indexLink" href="../../index.html" style="text-decoration: none; color: inherit; cursor: pointer; margin-bottom: -34px">
@@ -44,7 +44,7 @@ <h1 id="clock" class="clock"></h1>
         </form>
     </header>
 
-    <main id="movie-match-main" style="margin-left: 25px">
+    <main id="movie-match-main" style="margin-left: 10px">
         <div class="movie-match-container">
             <h2 id="search-title">Find Your Movie Match</h2>
             <form id="movie-match-form">