Fix: Fixed UI layout (#93)

hoangsonww · Mar 17, 2024 · 5f8932b · 5f8932b
1 parent 6585802
commit 5f8932b
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 3 deletions.
diff --git a/MovieVerse-Frontend/html/analytics.html b/MovieVerse-Frontend/html/analytics.html
@@ -58,9 +58,22 @@
                 margin-right: 0;
             }
         }
+
+        body {
+            background-image: url("images/universe-1.png");
+            background-repeat: repeat-y;
+            background-size: 100% auto;
+        }
+
+        @media (max-width: 767px) {
+            body {
+                background-size: auto;
+                background-position: top center;
+            }
+        }
     </style>
 </head>
-<body class="movie-details-body">
+<body>
     <header id="homepage-header" style="margin-top: -5px">
         <a id="indexLink" href="../../index.html" style="text-decoration: none; color: inherit; cursor: pointer; margin-bottom: 0">
             <h1 id="my-heading" style="margin-bottom: -10px">

diff --git a/MovieVerse-Frontend/html/feedback.html b/MovieVerse-Frontend/html/feedback.html
@@ -368,8 +368,8 @@ <h1 id="my-heading" style="margin-bottom: -10px; margin-top: 19px">
             <textarea id="message" name="message" placeholder="Your Feedback" required></textarea>
             <button type="submit">Send Feedback</button>
             <p style="color: black">Need immediate assistance? Submit a support request using the link below and we'll get back to you as soon as possible.</p>
-            <button id="supportBtn" onclick="window.location.href='support.html'">Request Support</button>
         </form>
+        <button id="supportBtn" onclick="window.location.href='support.html'">Request Support</button>
     </div>
 
     <script>

diff --git a/MovieVerse-Frontend/html/support.html b/MovieVerse-Frontend/html/support.html
@@ -369,8 +369,8 @@ <h1 id="my-heading" style="margin-bottom: -10px; margin-top: 19px">
             <textarea id="message" name="message" placeholder="Your Message" required></textarea>
             <button type="submit">Send Message</button>
             <p style="color: black">Have a feedback for us? Or any suggestions to improve our app? Click the button below to be redirected to the feedback page.</p>
-            <button id="supportBtn" onclick="window.location.href='feedback.html'" title="Submit a feedback">Submit Feedback</button>
         </form>
+        <button id="supportBtn" onclick="window.location.href='feedback.html'" title="Submit a feedback">Submit Feedback</button>
     </div>
 
     <script>